Propriété de background : url

Bonjour,

Je viens poser une question parce qu'après pas mal de temps de recherche, je ne trouve pas l'information.
Je suis actuellement développeur sur une application Java, et sur LA feuille de style de l'application, j'ai une ligne qui génère une ligne d'erreur par appel de page.

Voici la ligne d'erreur Apache :

Code:

---

[Thu Jun 27 02:00:05 2013] [error] [client xx.xx.xx.xx] File does not exist: /WWW/ZZZ/YYY/apache_2.2.11/htdocs/XXX/css/null,

---

J'ai isolé la ligne de CSS qui génère cette erreur, mais j'avoue avoir du mal à comprendre son utilité ou la possibilité que j'ai de la remplacer par qqchose qui fonctionne, et j'aimerais un peu d'aide la dessus.

Voici la portion de CSS :

Code:

---

1 2 3 4 5 6 7

/* emulation fixed IE */ html>body .menuGeneral { position: fixed; } html[xmlns] .menuGeneral { position: fixed; } body { background: url(null) fixed ; } .menuGeneral{position: relative;top:expression(documentElement.scrollTop+body.scrollTop);} /* fin de l'émulation fixed IE */

---

C'est le background : url(null) qui pose problème. Je ne vois pas ce qu'il fait et par quoi le remplacer...
Merci d'avance :calim2:

Hello,

Il me semble que ce bout de code servait à émuler un comportement identique à position:fixed sur IE6 qui ne le supportait pas. Depuis IE7, il est devenu inutile.

En principe il n'aurait pas dû se trouver dans la feuille de style générale mais aurait dû être intégré uniquement à l'attention d'IE6 et - par le biais d'un commentaire conditionnel.

A l'heure actuel, il n'a plus vraiment de sens à moins que tu doives assurer un full support sur IE6 (et encore utiliser un positionnement fixe est-il vraiment nécessaire ?). Le retirer nuira au pire à la mise en page sur IE6 mais ne devrait pas avoir d'impact majeur sur l'accessibilité.

Merci pour la réponse ;)

La feuille de style est une feuille appelée après un test JS du navigateur, et elle n'est appelée QUE si le navigateur est différent d'IE6.

J'imagine donc que cette portion de code n'est pas utile?

Par quoi pourrais-je remplacer:

Code:

---

body { background: url(null) fixed ; }

---

Par

Code:

---

body { background: none; }

---

?

Ou en ne mettant rien à la place?

Effectivement cette portion de code n'est pas utile si ce n'est pour IE6. Tu peux tout virer

Code:

---

1 2 3 4 5 6

/* emulation fixed IE */ html>body .menuGeneral { position: fixed; } html[xmlns] .menuGeneral { position: fixed; } body { background: url(null) fixed ; } .menuGeneral{position: relative;top:expression(documentElement.scrollTop+body.scrollTop);} /* fin de l'émulation fixed IE */

---

sauf la ligne

Code:

---

html>body .menuGeneral { position: fixed; }

---

qui est nécessaire si le positionnement fixed n'est pas déjà attribué ailleurs dans le code (s'il l'est, tu peux la virer aussi).

Citation:

---

Envoyé par SleTT

Par quoi pourrais-je remplacer:

Code:

---

body { background: url(null) fixed ; }

---

Par

Code:

---

body { background: none; }

---

?

Ou en ne mettant rien à la place?

---

Remplacer comme tu le proposes n'est pas une bonne idée parce que l'instruction sera interprétée par tous les navigateurs et, si tu as, plus haut dans ton css, une attribution d'un background sur le body (avec la même spécificité du selecteur) tu risques d'annuler ton fond.

Ok, je te remercie, j'ai compris le principe, tu es au top !

Par contre, je vais donc enlever la portion de code comme tu me l'as conseillé dans la feuille de style qui gère les navigateurs autres que IE6, mais je suis curieux quand même, mettre un

Code:

---

background: url(null) fixed ;

---

ça a un interêt pour IE6?

Parce qu'au final, on set le background à..... rien, et on met ce rien en fixed non..? Du coup, je vois pas trop l'utilité de la chose..

Insensé ?! Bienvenu dans le monde merveilleux d'IE6 ^^

Ce petit hack devait permettre d'éviter des saccades sur l'effet de fixed lorsqu'on scrollait. Je ne saurais te donner plus de détails je n'ai jamais perdu mon temps à émuler du fixed sur IE6, même à l'époque ;)

Okay ! Donc 3 solutions :

1. Enlever le code gênant dans la feuille de style pour les navigateurs autres que IE6
2. Si IE6 est toujours utilisé par les commanditaires, on trouve une solution alternative si le css null est présent ou on laisse tel quel.
3. Si IE6 n'est plus utilisé, on vire la feuille de style entière, comme ça on évite les redondances de bout de codes.

Merci beaucoup pour ton aide.
Cordialement.