时间:2021-05-26
CSS的Filter背景透明提示 *{ margin:0; padding:0;} body{ margin:0 auto; font-size:12px;} .model{margin:0 auto; width:30px;} .model a:hover{ text-decoration:none;} .model a img{ border:#fff 1px solid;} .model a:hover img{ border:#888 1px dotted;} .model a span{ padding:0; display:block; width:80px; height:50px; margin-top:-32px; overflow:hidden; line-height:14px; filter: Alpha(opacity=0); opacity:.0; cursor:pointer; text-align:center;} .model a:hover span{ color:#fff; background:#000; padding:0; display:block; width:84px; height:54px; margin:-36px 0 0 1px!important; margin:-36px 0 0 0px; overflow:hidden; line-height:16px; filter: Alpha(opacity=60); opacity:.6; text-align:left; text-align:center;} .model2{margin:0 auto; width:30px;} .model2 a:hover{ text-decoration:none;} .model2 a img{ border:#fff 1px solid;} .model2 a:hover img{ border:#888 1px dotted;} .model2 a span{ padding:0; display:block; width:180px; height:50px; margin-top:-32px; overflow:hidden; line-height:14px; filter: Alpha(opacity=0); opacity:.0; cursor:pointer; text-align:center;} .model2 a:hover span{ color:#fff; background:#000; padding:0; display:block; width:480px; height:16px; margin:-36px 0 0 1px!important; margin:-20px 0 0 0px; overflow:hidden; line-height:16px; filter: Alpha(opacity=60); opacity:.6; text-align:left; text-align:center;} 我可爱吗? [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
一、网页背景半透明网页背景半透明复制代码代码如下:opacity:0.8;filter:"progid:DXImageTransform.Microsoft.A
用css设置样式透明度如下: filter:alpha(opacity:30); opacity:0.3; -moz-opacity:0.3; -k
以背景黑色,透明度0.5举例非IE:background:rgba(0,0,0,0.5);IE:filter:progid:DXImageTransform.M
透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码:复制代码代码如下:.transparent_class{filter:alpha(opa
透明往往能产生不错的网页视觉效果下面是兼容主流浏览器的CSS透明代码。CSSCode复制内容到剪贴板transparent_class{filter:alpha