Overview

Artifact ID: 3a4ec1d667741cf84db915bae11ff6b47725fd54
Ticket: d2f20748f8cd82dbfa99f2e7674e0206dd6c3e25
Supprimer la icon font et passer à SVG
User & Date: freepius on 2016-04-04 17:06:20
Changes

  1. 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.
    
  2. login: "freepius"
  3. mimetype: "text/x-fossil-plain"