css亮度问题

html-css05

css亮度问题,第1张

用Alpha 滤镜吧 不过不能控制整幅图片的亮度

"Alpha"属性是把一个目标元素与背景混合。设计者可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。通过指定坐标,可以指定各种不同范围的透明度。

Alpha 滤镜语法 {FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity,

style=style,startx=startx,

starty=starty,finishx=finishx,finishy=finishy)}

参数含义分别如下:

参数 说明

opacity 透明度。默认的范围是从0 到 100,他们其实是百分比的形式。也就是说,0代表完全透明,100代表完全不透明。

finishopacity 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。

style 指定透明区域的形状特征:

<style>

.bg{

width:200px

height:100px

background:url(bottom_bg.jpg)

}

a{

display: block

width:100%

height:100%

}

a:hover{

filter:alpha(opacity=80)

background:#000

opacity:0.5

}

</style>

<div class="bg"><a href="#"></a></div>

用css实现了。。。不过没有渐变效果,要做的话需要js