[Résolu] Ombrage sur IE8

Bonjour,

Je n'arrive pas à appliquer cet effet sur IE8 :

filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=4);
zoom: 1;

J'ai essayé de l'appliquer sur la div .price mais ça ne marche pas, et je vois pas d'où ça peut venir car ça marche sur d'autres texte dans le site.

Code CSS :

.colonne3_block2 ul li .price  {
color: #fff;
text-shadow: 1px 1px 2px #2a2a2a;
font-size: 110%;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#393939', Direction=135, Strength=2);
zoom: 1;
margin-left: 25px;
position: relative;
bottom: 4px;
}

Le code XHTML :

			<ul>
				<li><span class="title_product">1  bottle 101E Acne Getaway (contains 60 ml)</span>
					<div class="add-to-cart">
						<a href=""><img src="design/add_to_cart.png" alt="Add to cart"/></a>
						<span class="price">$34.99</span>
					</div>
				</li>
				<li><span class="title_product">2  bottles 101E Acne Getaway (contains 120 ml)</span>
					<div class="add-to-cart">
						<a href=""><img src="design/add_to_cart.png" alt="Add to cart"/></a>
						<span class="price">$62.99</span>
					</div>
				</li>
				<li><span class="title_product">3  bottles 101E Acne Getaway (contains 180 ml)</span>
					<div class="add-to-cart_last">
						<a href=""><img src="design/add_to_cart.png" alt="Add to cart"/></a>
						<span class="price">$84.99</span>
					</div>
				</li>
			</ul>

Tout voir : http://www.chokri-rafik.com/realisations/inte_acneproduct/index.html

Merci
Modifié par Chok71 (09 May 2010 - 12:30)

Pas de réponse ?

bonsoir,

utilise plutôt : display:inline-block; , plutot que zoom:1; que IE8 ne comprend plus en mode standard . Sur un element de type inline , tu modifieras le contexte de formartage ou le haslayout selon les versions et ceci a coup sur , ton filtre sera alors applicable.

GC

Merci, ça marche !