Comment ajouter du texte ou des caractères en utilisant CSS (pas de javascript)?

Question

Eh bien, il devrait fonctionner dans IE, je sais que IE ne supporte pas la propriété de contenu autre chose que cela?

Answer 1

La seule option est la propriété du content:

La propriété de contenu est utilisé avec les :before et :after pseudo-éléments, à insert contenu généré.

Mais comme vous le faites remarquer, cela fait partie de CSS 3 et n'est pas supporté par IE. En attendant, vous devrez compenser en utilisant JavaScript.

Answer 2

Court de photos de texte - pas.

Answer 3

Vous pouvez essayer d'utiliser IE8.js pour corriger le contenu, ce qui pourrait faire l'affaire. Si ce n'est pas le cas, alors vous ne pouvez rien faire en plus de l'image de fond avec le texte

Answer 4

Le seul moyen est JavaScript, ou CSS3.

Peut-être que vous pourriez nous dire ce que vous devez faire - alors nous pouvons vous aider. Pourquoi ne pas le faire avec js?

Answer 5

Il est tout à fait possible de résoudre ceci sans Javascript, en utilisant une combinaison de HTML et CSS. L'astuce consiste à dupliquer le contenu ajouté par le CSS dans le HTML un commentaire conditionnel spécifique à IE (non affiché par les autres navigateurs) et à utiliser le sélecteur CSS display pour basculer lorsque cet élément est affiché. According to MSDN, IE 8+ prend en charge CSS :after et content:, donc seulement IE 7 et ci-dessous besoin d'utiliser un commentaire conditionnel.

Voici un exemple:

<style type="test/css" media="screen"> 
.printonly { display: inline; } 
</style> 

<style type="text/css" media="print"> 
#maintitle:after { content:" \2014 Site Title";} /* for IE8+ and Other Browsers. sidenote: Can't use &mdash directly in generated content, so using escape code */ 
.printonly { display:inline } /* For IE <= 7 */ 
</style> 

<h1 id="maintitle">Page Title 
    <!--[if lte IE 7]><span class="printonly">&mdash; Site Title</span><![endif]--> 
</h1>