Chào các bạn, vấn đề mình hỏi đã có rất nhiều hướng dẫn và cũ, nhưng mình có một vấn đề muốn hỏi các bạn.
Trên CSS của mình FIX thế này:
a img {width:100px; height:60px; border:0; -ms-filter: "progidXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); /*Dành cho IE */ -moz-opacity: 1; opacity: 1;}
a:hover img {width:100px; height:60px; border:0; -ms-filter: "progidXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); /*Dành cho IE */ -moz-opacity: 0.8; opacity: 0.8;}
Trên html mình thiết kế thế này:
<div style="float:left; width:400px; margin-left:15px;">
<a href='#' style='margin-left:-30px;'><img src='/Images/Images1.png' alt='Sản phẩm kronotech'/></a>
<a href='#' style='margin-left:-30px;'><img src='/Images/Images2.png' alt='Sản phẩm Dehome'/></a>
<a href='#' style='margin-left:-30px;'><img src='/Images/Images3.png' alt='Sản phẩm XYflooring'/></a>
</div>
Trên trình duyệt FF, Chro, IE8> đều chạy được, nhưng vướng cái thằng IE7 nó vẫn hiển thị được opacity sáng mờ ảnh, nhưng các cạnh của nó lại bị bôi đen (Đen cạnh), các bạn có cách nào khắc phục được tình trạng đen cạnh này không giúp mình vơi nhé, ảnh của mình là hình tam giác không nền với phần mở rộng là PNG. Nó đen cạnh mới tức chứ, hừ ai giúp mình với nhé, thanks.
Bookmarks