纯CSS实现兼容ie6以上的圆角头像

先贴下各种浏览器下的效果图：

1、IE6

2、IE7

3、Chrome

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>真正兼容IE6以上的圆角头像</title><style type="text/css">.header {width: 100px;height: 100px;background: url(/images/head.jpg) no-repeat center;border-radius: 50px;background-size: 100% 100%;*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/head.jpg',sizingMethod='scale');*position: relative;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/head.jpg',sizingMethod='scale')\9;position: relative\9;}.header div {display: none;*display: block;display: block\9;width: 100%;height: 100%;position: absolute;z-index: 10;left: 0;top: 0;background: url(/images/balay.png) no-repeat center;}</style><!--[if IE 6]><script type="text/javascript" src="/js/ie6-png.min.js"></script><script type="text/javascript">DD_belatedPNG.fix('.header div');</script><![endif]-->
</head>
<body><div class="header"><div></div></div>
</body>
</html>

源代码下载

转载于:https://www.cnblogs.com/liaohaihui/p/4177999.html

纯CSS实现兼容ie6以上的圆角头像相关推荐

CSS完美兼容IE6/IE7/FF的通用方法～！！！
http://www.w3pop.com/learn/view/p/2/o/0/doc/css_hack_ie67_ff/ CSS完美兼容IE6/IE7/FF的通用方法作者:w3pop.com 翻译 ...
html4.0.1兼容ie7,CSS 完美兼容IE6/IE7/FF的通用hack方法
CSS 完美兼容IE6/IE7/FF的通用hack方法发布时间:2009-03-20 00:27:16 作者:佚名我要评论一.CSS HACK 以下两种方法几乎能解决现今所有HACK. ...
兼容ie6css怎么设置,CSS样式兼容IE6、IE7、IE8、FF火狐浏览器的方法
网页布局设计技术迄今为止主要有:table表格布局,DIV+CSS布局以及层布局.目前的网页布局设计领域主流是以DIV+CSS布局为主,table表格布局和层布局为辅.另外我还要告诉你一个秘密,那就是 ...
div+css 完全兼容ie6 ie7 IE8 IE9 和firefox方法
简单方法: IE6,IE7,IE8,FF的兼容方法(2) 浏览器兼容代码: 浏览器符号 IE6 IE7 IE8 FF * !important _ \9 *html *+html 说明:代表能识别: ...
DIV CSS完美兼容IE6/IE7/FF的通用方法
关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一.CSS HACK 以下两种方法几乎能解决现今所有HA ...
CSS完美兼容IE6/IE7/FF的通用方法
一.CSS HACK以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记 ...
[转]CSS完美兼容IE6/IE7/FF的通用hack方法
关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一.CSS HACK 以下两种方法几乎能解决现今所有HA ...
CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法
300px!important;width /**/:340px;margin:0 10px 0 10px} ,关于这个/**/是什么我也不太明白,只知道IE5和firefox都支持但IE6不支持,如 ...
碉堡了！纯 CSS 绘制《辛普森一家》人物头像
这篇文章给大家分享一组纯 CSS 绘制的<辛普森一家>人物头像.<辛普森一家>(The Simpsons)是马特·格勒宁为美国福克斯广播公司创作的一部动画情景喜剧.该剧通过对霍 ...

纯CSS实现兼容ie6以上的圆角头像

纯CSS实现兼容ie6以上的圆角头像相关推荐

最新文章

热门文章