我的IE中的图像滑块出现问题。在我的主页上,我有一个带有图像滑块的横幅。在此滑块上切换图像时,横幅图像边缘周围会出现黑色轮廓。图像滑块本身是在jquery中完成的,但该网站是Joomla CMS网站。
我研究了这个,我认为这可能是一个Png IE漏洞,透明度问题,因为图像是圆角矩形。我已经把代码用来修复我的CSS中的这个bug,但这似乎没有改变任何东西,所以我想知道是否有其他人有一些建议?
我的网站是www.myramis.com。
答案 0 :(得分:0)
在< / body>之前将其添加到文档的末尾标记:
<style type="text/css">
* html #png-ie /* ie6 hack */
{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/to_my_png/imageIE.png', sizingMethod='scale')); }
*+ html #png-ie /* ie7 hack */
{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/to_my_png/imageIE.png', sizingMethod='scale')); }
</style>
答案 1 :(得分:0)
我设法使用以下代码使大纲不那么突出,但我想也许我必须在jquery中做一些事情才能让它完全消失:
.slide img {
background: transparent;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
/* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
/* IE6 & 7 */
zoom: 1; }
也许有人知道我可以使用jquery修复同样的问题,这可能会完全消除黑色轮廓?