¿Cómo obtengo un borde delgado en qtip con esquinas redondeadas?

Question

intento conseguir un borde fino con esquinas redondas para la punta en qtip, usando:

border: {width: 1, radius: 7, color: "#B8E25E"} 

(explicada Como aquí: http://craigsworks.com/projects/qtip/docs/tutorials#borders)

Pero la frontera es a continuación, obtener bastante grueso, al igual que 7 o alguna cosa. ¿Hay alguna manera de obtener un borde delgado con esquinas redondeadas?

Answer 1

Tuve el mismo problema también: parece que qtip 1.x no te permitirá usar un "radio" menor que el ancho del borde.

Parece que esto es por diseño, y tendrá que pasar a qtip 2 (que aún no se ha lanzado) para sortearlo.

Ver this conversation between the developer of qtip and a user:

Usuario: He jugado un poco con esto, y por lo que yo puedo detectar que no es posible utilizar una frontera de radio que es mayor que la ancho del borde. Si yo configuro un radio de borde que es mayor que el ancho del borde, el ancho de borde que se muestra será el igual que el radio (en lugar de lo que I configurado).

Desarrollador: Desafortunadamente esto es ni un error o característica, solo un efecto de implementación . No hay planes para implementar esto como , ya que las versiones 1.0 se descontinuaron y el motor de borde se eliminó en las versiones 2.0 a favor de las propiedades de radio de borde estándar.

Answer 2

Al echar un breve vistazo a esa documentación, parece que el radio es el ancho del borde? Por lo tanto, su borde es 7, tal vez cambiarlo a {ancho: 1, radio: 2, color: "# B8E25E"} para obtener un borde más delgado?

Answer 3

De mirar el código fuente, encontré esto en el archivo docs.css:

#content .subsection{ 
     border-bottom: 3px solid #F1F1F1; 
     margin-bottom: 15px; 
     padding: 5px 0 40px; 
    } 

trate de hacer algo similar a esto y ver qué pasa. Tal vez diciendo border: 3px solid # F1F1F1; en lugar.

Aquí es la sección donde encontré esto en: http://craigsworks.com/projects/qtip/docs/tutorials#borders

Answer 4

Prueba esto le ayudará a cabo

.corner { -moz-border-radius: 6px; -webkit-border-radius: 6px; radio de borde: 6px; }