怎么让css中在blur模糊的基础上让边缘变清晰

html-css012

怎么让css中在blur模糊的基础上让边缘变清晰,第1张

css中在blur模糊的基础上让边缘变清晰方法：

.blur {

-webkit-filter: blur(5px)

-moz-filter: blur(5px)

-o-filter: blur(5px)

-ms-filter: blur(5px)

filter: url(#blur-effect-1)

filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5')

zoom: 1

}

这几个字必需在一个标签里才能针对该标签设置CSS背景。比如源码中是：本站主题：XXXXX宠物用品然后就可以书写如下css实现背景色：.myclass{background-color:#3597FA}

首先你的图片必须要是png24格式的，然后你就画好的图片带边缘透明的，如果是IE6下的话，你就得加滤镜，就是在原有的CSS下再加一个单独让IE6识别的CSS！

我给你打个比方：

. Transparent {

width : 16px

height : 42px

background : transparent url(images/transparent.png) no-repeat

}

* html . Transparent {

background-color : transparent

background-image : none

filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src=“images/ transparent.png", sizingMethod="crop")

}

其中*html只有IE6能识别！IE7目前支持PNG图片透明效果了！IE8就更不用说了！

你先用着看看，实在不懂再联系我。