[CSS 3] Background alpha avec CSS3 + PIE

vhenin · 06/12/2010, 17h15

Bonjour tout le monde,
j'essaye désespérément de rendre un background blanc en partie transparent grâce à la propriété CSS3 rgba dans IE.
J'ai téléchargé PIE et l'ai "installé", le chemin vers PIE est bien indiqué relativement à la page HTML mais ça ne marche tjs pas. J'ai aussi mis le "behavior" dans l'élément concerné de mon CSS.

le CSS:

Code :

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

1
2
3
4
5
 
#text_ares_news UL.list1, #text_previous_news UL.list1{
background-color:rgba(255, 255, 255, 0.44);
behavior: url(PIE/PIE.htc);
}

le HTML

Code :

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

1
2
3
4
5
6
7
8
 
<div id="text_ares_news">
<p class="titre_news">Comment puis-je retrouver un document reçu par un collègue qui a quitté la Commission ou qui a changé de DG?</p>
<ul>
<li class="list1">Quand un collègue a (...) la recherche historique de personnes disponible dans le menu recherche de documents. <a href="http....blabla" title="Consultez notre WIKI" target="_blank">Comment faire?</a>
</li>
</ul>
</div>

Dois-je utiliser -pie-background (ou quelque chose comme -pie-background-color...) au lieu de background? Dans ce cas, comment énoncer la propriété rgba dans le CSS?

Merci pour votre aide,

V.

vhenin · 07/12/2010, 14h15

Hello,

Quelqu'un aurait-il un workaround qui fonctionnerait?
Après avoir essayé plusieurs Javascripts pour forcer IE de respecter CSS3, et PIE, tjs sans succès, je cale un peu beaucoup!

Merci à l'avance pour toute aide,

V.

vhenin · 07/12/2010, 15h02

J'ai trouvé une alternative en faisant une recherche sur Internet.

ça marche très bien.

Seule question comment mettre la condition pour IE dans la feuille de style CSS (et pas dans le <HEAD>du HTML, ce qui est pas pratique)???

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<style type="text/css">
<head>
(...)
    </style>
    <!--[if IE]>
   <style type="text/css">
   .list1 {
       background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0ffffff,endColorstr=#C0ffffff);
       zoom: 1;
    } 
    </style>
  <![endif]-->
</head>

Merci,
V.

cahnory · 07/12/2010, 16h42

Hacks css :
http://centricle.com/ref/css/filters/

Perso je préfère utiliser ça :
http://cahnory.fr/css/browser-check.html

07/12/2010, 14h15	#2
vhenin Invité régulier Vincent Henin Inscription : juin 2010 Messages : 40 Détails du profil Informations personnelles : Nom : Vincent Henin Localisation : Belgique Informations forums : Inscription : juin 2010 Messages : 40 Points : 8 Points : 8	Hello, Quelqu'un aurait-il un workaround qui fonctionnerait? Après avoir essayé plusieurs Javascripts pour forcer IE de respecter CSS3, et PIE, tjs sans succès, je cale un peu beaucoup! Merci à l'avance pour toute aide, V.
	00

07/12/2010, 16h42	#4
cahnory Membre confirmé Inscription : mai 2007 Messages : 199 Détails du profil Informations personnelles : Âge : 27 Informations forums : Inscription : mai 2007 Messages : 199 Points : 287 Points : 287	Hacks css : http://centricle.com/ref/css/filters/ Perso je préfère utiliser ça : http://cahnory.fr/css/browser-check.html
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email