Comment puis-je obtenir une frontière mince Qtip avec des coins ronds?

StackOverflow https://stackoverflow.com/questions/2431579

  •  19-09-2019
  •  | 
  •  

Question

J'essaie d'obtenir une mince frontière avec des coins arrondis pour la pointe en qtip, en utilisant: 

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

(comme expliqué ici: http://craigsworks.com/projects/qtip/ docs / tutoriels # frontières )

Mais la frontière est alors devient assez épais, comme 7 ou quelque chose. Y at-il un moyen d'obtenir une mince frontière avec des coins arrondis?

Était-ce utile?

La solution

J'avais le même problème aussi - il semble que 1.x qtip ne vous laissera pas utiliser un « rayon » des thats inférieure à la largeur de la bordure

.

Il semble que ce soit par la conception, et vous devrez passer à Qtip 2 (qui est pas encore sorti) pour la contourner.

Voir cette conversation entre le développeur de qtip et utilisateur:

  

Utilisateur: J'ai joué un peu avec cela,   et pour autant que je peux détecter ce n'est pas   possible d'utiliser un rayon de bordure qui   est supérieure à la largeur de la bordure. Si je   configurer un rayon de frontière qui est   supérieure à la largeur de la bordure, la   affiché sera-largeur de la bordure de la   même que le rayon (au lieu de ce que je   configuré).

     

Développeur: Malheureusement, c'est   ni un bug ou fonctionnalité, juste un côté   effet de la mise en œuvre. Là   ne prévoit pas de mettre en œuvre ce que 1.0   les versions sont maintenant abandonnées, et   Moteur de frontière est éliminé dans le 2,0   de presse en faveur de la norme   propriétés border-radius.

Autres conseils

De brièvement en regardant cette documentation, il semble que le rayon est la largeur de la frontière? Donc, par conséquent, votre frontière est 7, peut-être changer à {width: 1, rayon: 2, couleur: "# B8E25E"}? Pour obtenir une bordure plus mince

En regardant le code source, je trouve cela dans le fichier docs.css: 

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

Essayez de faire quelque chose de semblable à cela et voir ce qui arrive. Peut-être en disant frontière: 3px solid # F1F1F1; à la place.

Voici la section où je trouve cela à: http://craigsworks.com/projects / Qtip / docs / tutoriels # frontières

Essayez ceci il vous aider

{.corner     -moz-border-radius: 6px;     -webkit-border-radius: 6px;     Rayon de la bordure: 6px; }

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top