[CSS]鼠标经过则图片透明化和位置大小改变
图片透明化:
a:hover img
{
border: solid 5px #ff0000;
-mox-opacity:1.0; /*-mox是for firefox*/
filter:alpha(opacity=100);
opacity:1.0;
}
a img
{
border: solid 5px #ff0000;
-mox-opacity:0.8;
filter:alpha(opacity=80);
opacity:0.8;
}
图片大小和位置改变:
div#img_border a /*鼠标移至图片*/
{
padding:3px; /*鼠标移至图片,图片移动的距离*/
width:1px; /*鼠标移至图片,图片边线宽度*/
}
div#img_border a:hover
{
padding:2px; /*鼠标移至图片边线位移*/
border:#F9AA25 solid 1px; /*边线颜色及宽度*/
}
调用时:
内容来源:http://www.ironman.tw/article.asp?id=87