时间:2021-05-08
PNG透明效果的CSS定义有很多,但兼容各浏览器的却很少,需要的朋友可以参考下
复制代码代码如下:
<style>
.mycls{
width: 48px;
height: 48px;
background: url(20090318230119136.png) no-repeat left top;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src="20090318230119136.png");
}
</style>
<body bgcolor="#CCCCCC">
<div class="mycls"></div>
</body>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
使用的材料:做成的效果:事实上,整个过程,还是写css比较耗时间,主要是浏览器兼容性方面和ie的png背景图片透明搞得比较久一、浏览器兼容性:主要是css中cu
透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码:复制代码代码如下:.transparent_class{filter:alpha(opa
透明往往能产生不错的网页视觉效果下面是兼容主流浏览器的CSS透明代码。CSSCode复制内容到剪贴板transparent_class{filter:alpha
CSSHack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析CSS没有达成一致前,我们只能用这样的方法来完成这样的任务.我进行
总结:(a)全透明的png8可以在任一浏览器正常显示(就像gif一样)。半透明的png8在除了ie6及其以下的浏览器下错误的显示成全透明,其它浏览器都能正常显示