Come posso ottenere un bordo sottile in qtip con angoli arrotondati?

Question

Cerco di ottenere un bordo sottile con angoli arrotondati per la punta in qtip, utilizzando:

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

(come spiegato qui: http://craigsworks.com/projects/qtip/docs/tutorials#borders)

Ma il confine è quindi ottenere abbastanza spesso, come 7 o qualcosa. C'è un modo per ottenere un bordo sottile con angoli arrotondati?

Answer 1

Ho avuto lo stesso problema: sembra che qtip 1.x non ti consenta di utilizzare un raggio che è inferiore alla larghezza del bordo.

Sembra che questo sia di progettazione, e dovrete passare a qtip 2 (che non è ancora stato rilasciato) per aggirarlo.

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

User: Ho giocato un po 'con questo, e per quanto posso rilevare che non è possibile utilizzare un border-radius che è maggiore del larghezza del bordo. Se I configura un raggio di confine che è superiore alla larghezza del bordo, la larghezza del bordo visualizzata sarà la uguale al raggio (invece di quello che ho configurato io ).

Sviluppatore: Sfortunatamente questo è né un bug o una funzionalità, ma solo un lato effetto dell'implementazione. Ci sono non implementare questo come 1.0 versioni sono ora fuori produzione, e il motore di confine viene rimosso nelle versioni 2.0 in favore di proprietà di raggio di confine standard .

Answer 2

Da una breve occhiata a quella documentazione sembra che il raggio sia la larghezza del bordo? Quindi, il tuo bordo è 7, magari cambialo in {larghezza: 1, raggio: 2, colore: "# B8E25E"} per ottenere un bordo più sottile?

Answer 3

Guardando il codice sorgente, ho trovato questo nel file docs.css:

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

provare a fare qualcosa di simile a questo e vediamo cosa succede. Forse dicendo border: 3px solid # F1F1F1; anziché.

Ecco la sezione in cui ho trovato questo a: http://craigsworks.com/projects/qtip/docs/tutorials#borders

Answer 4

Prova questo vi aiuterà fuori

.corner { -moz-border-radius: 6px; -webkit-border-radius: 6px; raggio-limite: 6px; }