CSS定义的PNG透明效果兼容各浏览器

  发布时间:2014-09-17 17:23:01   作者:佚名   我要评论
PNG透明效果的CSS定义有很多,但兼容各浏览器的却很少,如此,本例的介绍是有必要的了,下面是实现,需要的朋友可以参考下
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

PNG透明效果的CSS定义有很多,但兼容各浏览器的却很少,需要的朋友可以参考下


复制代码
代码如下:

<style>
.mycls{
width: 48px;
height: 48px;
background: url(?css/20090318230119136.png) no-repeat left top;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src="http://9i0i.com/pic.php?p=?css/20090318230119136.png");
}
</style>
<body bgcolor="#CCCCCC">
<div class="mycls"></div>
</body>

相关文章

  • 详解CSS3的opacity属性设置透明效果的用法

    这篇文章主要介绍了详解CSS3的opacity属性设置透明效果的用法,同时还讲到了opacity透明度带有的继承性影响子集元素的问题,值得初学者注意,需要的朋友可以参考下
    2016-05-09
  • CSS3中文字镂空、透明值、阴影效果设置示例小结

    这篇文章主要介绍了CSS中文字镂空、透明值、阴影效果设置示例小结,其中通过text-stroke-color透明值的设置可以让文字在某些程度上更加柔和,需要的朋友可以参考下
    2016-03-07
  • css3实现的半透明遮罩lightbox效果源码

    是一段实现了突出主图片的半透明遮罩lightbox效果代码,当点击一张图片时,这样图片会无刷新弹出放大显示,而周围的图片会被半透明在原位遮罩起来,本段代码适应于所有网页
    2015-10-22
  • 纯CSS实现多级半透明效果菜单代码

    这篇文章主要为大家介绍了纯CSS实现多级半透明效果菜单代码,通过纯css实现多级菜单效果,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-01
  • css+filter实现简单的图片透明效果

    本文给大家介绍的是CSS结合filter实现简单的图片透明效果的实例,主要使用filter的功能对图片元素进行透明度控制,需要的朋友可以参考下
    2015-01-13
  • 背景半透明效果CSS链接样式代码

    想不想要自己的主页链接很炫呢,背景半透明的链接效果,空链接实现的链接效果,只需要定义一个特效式的CSS样式即可以实现,在需要实现的地方应用定义的CSS样式,也可以全站
    2013-02-27
  • css背景图片的背景裁切、背景透明度、背景变换等效果运用

    大家都知道,目前有很多浏览器无法实现背景裁切、背景透明度、背景变换和复杂背景定位等效果;那么这篇文章将详细介绍了这几种背景图片的处理方法,需要了解的朋友可以参考下
    2012-12-24
  • 用CSS实现的图片透明度链接效果代码

    一款使用CSS的Alpha透明度实现的图片链接效果,鼠标放上后图片会变为半透明,然后出现文字介绍,+可以加入其它功能,一般是加入收藏,根据你的需要了,可以自己改
    2011-12-20
  • CSS实现背景图片透明而文字不透明效果的两种方法

    这篇文章主要介绍了CSS实现背景图片透明而文字不透明效果的两种方法,需要的朋友可以参考下
    2017-04-25

最新评论


http://www.vxiaotou.com