Overview
Artifact ID: | 3a4ec1d667741cf84db915bae11ff6b47725fd54 |
---|---|
Ticket: | d2f20748f8cd82dbfa99f2e7674e0206dd6c3e25
Supprimer la icon font et passer à SVG |
User & Date: | freepius on 2016-04-04 17:06:20 |
Changes
- icomment:
Une petite remarque / question... L'élément html <svg> étant de type image/objet/..., il est insensible aux pseudo-classes CSS :before et :after. Ainsi, votre hack CSS de "tooltip" ne peut lui être appliqué : .icn[title]:after { display: none; visibility: hidden; opacity: 0; position: absolute; content: attr(title); ... } .icn[title]:hover:after { display: inline-block; opacity: 1; visibility: visible; } Que faire alors ? 1) Ne plus du tout utiliser ce hack et garder le comportement des navigateurs en ce qui concerne l'attribut "title" (la meilleur solution à mon avis). 2) Tâcher de contourner cela, par exemple en intégrant le <svg> dans un <span>, qui lui pourra afficher ce tooltip. 3) Utiliser/écrire un mini-outil javascript de tooltiping. Perso, je suis fortement pour limiter les fioritures graphiques, surtout lorsqu'elles supplantent un comportement existant du navigateur.
- login: "freepius"
- mimetype: "text/x-fossil-plain"