css过滤器问题 急 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader

html-css031

css过滤器问题 急 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader,第1张

你是利用滤镜让IE6支持PNG透明吧，呵呵，这个bug解决办法很简单：给a加上position:relative不过这里要提醒你，你这里的image路径是相对路径，那么值得注意的是，这个相对路径是根据html相对的，而不是CSS，所以当你发布的时候会发现一堆问题，所以，这里建议还是放到外网，使用绝对路径。哦，我看错了，你是指背景拉伸么，那么你这样写有考虑到兼容问题么？

这位网友你好，过滤器效果应该是css3新加的属性动画效果，你最好是用chrome浏览器查看，如果再看不到效果，应该是你代码的问题。下面是个例子，你可以复制查看一下效果。

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>demo</title>

<script src="js/jquery-1.10.2.min.js"></script>

<style type="text/css">

*{

  padding:0

  margin:30px

}

.me{

  width:60px

  height:60px

  background-color:red

}

#div {

-webkit-transition: all 3s linear 0s

-moz-transition: all 3s linear 0s

-ms-transition: all 3s linear 0s

-o-transition: all 3s linear 0s

transition: all 3s linear 0s

}

#div:hover { background-color: #93F }

</style>

</head>

<body>

<div class="me" id="div"></div>

</body>

</html>

css谷歌有自己的一套样式比如grayscale。greyscale是css3filter里的一种属性，进行灰色滤镜。当然css3filter还有其它滤镜属性，很实用，例如：高斯模糊、调节亮度、色相旋转、饱和度等等。cssfilter这一用法允许将单个图像用于多个目的不同的图像，或者在浏览器中应用过滤器，而不是在图像编辑器中进行过滤，不会出现大小比原始图像大，从而可以更快地加载页面并减少数据传输。