opacité de l'image de fond

**nicolb** · 08/10/2005, 14h25

Bonjour à tous !

J'ai une petite question:
Est-il possible sous IE de changer via javascript l'opacité du background de la page ?

En fait, je cherche à modifier "en direct" l'opacité de l'image de fond de ma page.
J'ai essayé différentes syntaxes du genre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function bgalpha(){
var val=document.getElementById("alpha").value;
document.body.background.style="filter:alpha(opacity="+val+")";
}
//--></script>
 
</head>
 
<body>
<script language="javascript">
<!--
document.body.background="textures/5.gif";
//--></script>
<form name="bg_alpha">
<input type="text" name="alpha">
<input type="button" value="go!" onClick="bgalpha()">
</form>

Mais sans grand succès...
Quelqu'un aurait-il une idée s'il-vous-plait ?

**SpaceFrog** · 10/10/2005, 08h40

pas possible comme ça...
pas en background en tout cas !
mets ton image dans un div en z-index négatif ...
là tu pourras lui coller une opacité ...

sinon ton filter est exclu IE ... cf moz opacity

**nicolb** · 10/10/2005, 09h56

Ok, merci beaucoup Spacefrog, j'vais essayer comme ça !

**nicolb** · 10/10/2005, 10h14

Effectivement, ça fonctionne comme ça...

Mais dans ce cas, y aurait-il une astuce pour simuler un fond "fixe" ?

Merci d'avance

**SpaceFrog** · 10/10/2005, 10h18

oui...
mets ton div de background en position absolute...
ajoute un second div height:100%; width:100%;overfow:auto et tu mets le contenu de la page dedans ..

**nicolb** · 10/10/2005, 10h30

Ok, ça fonctionne

Merci beaucoup!!!

opacité de l'image de fond

JavaScript

Vue hybride

Discussions similaires

Partager

Partager