Toute idée pourquoi IE8 ne me laisse pas cibler des éléments imbriqués en utilisant leur carte d'identité et le nom de classe CSS

je site Web dont le corps de la maison page a un nom de classe: .HomepageToute idée pourquoi IE8 ne me laisse pas cibler des éléments imbriqués en utilisant leur carte d'identité et le nom de classe CSS

A l'intérieur du corps, il y a un div un identifiant: #content.

Je veux juste donner #content de la page d'accueil de div une image de fond avec CSS comme ceci:

.homepage #content { 
background: #FFFFFF url("image.jpg") no-repeat scroll 90% 30px; 
}

Cela fonctionne dans tous les navigateurs IE8 en dehors de l'arrière. Cela fonctionne dans IE9.

Dans IE8, aucune image n'apparaît.

Est-ce que je fais quelque chose de mal ou y a-t-il une solution?

Source

2010-11-04 Toner

Je suppose que '.hompage' est une faute de frappe, car il ne devrait pas fonctionner dans n'importe quel navigateur. –

@Toner: si #content est un identifiant, vous pouvez supprimer la page .home, car id doit être unique dans une page Web. –

@Micheal, pas si l'OP veut cibler le contenu juste pour la page d'accueil. –

Simplifiez-le. Essayez background:red; puis background:red url(image.jpg) et ajoutez lentement des valeurs jusqu'à ce que cela fonctionne.

Si aucun ne fonctionne, vérifiez s'il existe des règles conflictuelles dans les feuilles de style IE. Essayez aussi !important

Source

2010-11-04 02:13:27

Je suis allé de l'avant et l'ai fait et j'ai découvert que dans ma règle d'origine, je ne plaçais pas d'espace après l'URL et avant 'no-repeat'. C'est pourquoi il n'a pas montré dans IE8. Merci à tous ceux qui ont essayé d'aider. Mon erreur. Je ne savais pas qu'il fallait un espace après la parenthèse fermante et avant 'no-repeat'. – Toner

Testez-le sans la propriété "scroll" et voyez si l'image apparaît.

Source

2010-11-04 02:06:48 Robusto

Toute idée pourquoi IE8 ne me laisse pas cibler des éléments imbriqués en utilisant leur carte d'identité et le nom de classe CSS

Répondre

Questions connexes