IE下Css圆角没有的解决方法 _云知道

在网頁制作时，圆角的样式在很多时候都要到，大多数都是用图片来搞，其实图片不图片无所谓的，但也有的朋友比较喜欢用CSS来写，CSS写的话在火狐、谷歌等浏览器都是没有问题的。但是在IE下就会出现问题，圆角就没有了。这时候就要用到一个文件，当时那个文件是哪里下的已经记不清了，但用着还是挺不错的。由于不知道怎么上传文件，就只能把源码弄出来了。

test.html

复制代码代码如下:
html
headtitletest/title
style type="text/css"
.test {
width:100px;
height:100px;
background-color: blue;
margin-bottom:10px;
border-radius: 10px;
behavior: url(ie-css3.htc);
}
/style
/head
body
div class="test"
test
/div
/body
/html

ie-css3.htc

复制代码代码如下:
--Do not remove this if you are using--
Original Author: Remiz Rahnas
Original Author URL: http://www.htmlremix.com
Published date: 2008/09/24
Changes by Nick Fetchak:
- IE8 standards mode compatibility
- VML elements now positioned behind original box rather than inside of it - should be less prone to breakage
- Added partial support for ’box-shadow’ style
- Checks for VML support before doing anything
- Updates VML element size and position via timer and also via window resize event
- lots of other small things
Published date : 2010/03/14
http://fetchak.com/ie-css3
Thanks to TheBrightLines.com (http://www.thebrightlines.com/2009/12/03/using-ies-filter-in-a-cross-browser-way) for enlightening me about the DropShadow filter
public:attach event="ondocumentready" onevent="ondocumentready(’v08vnSVo78t4JfjH’)" /
script type="text/javascript"
timer_length = 200; // Milliseconds
border_opacity = false; // Use opacity on borders of rounded-corner elements? Note: This causes antialiasing issues

// supportsVml() borrowed from http://stackoverflow.com/questions/654112/how-do-you-detect-support-for-vml-or-svg-in-a-browser
function supportsVml() {
if (typeof supportsVml.supported == "undefined") {
var a = document.body.appendChild(document.createElement(’div’));
a.innerHTML = ’v:shape id="vml_flag1" adj="1" /’;
var b = a.firstChild;
b.style.behavior = "url(#default#VML)";
supportsVml.supported = b ? typeof b.adj == "object": true;
a.parentNode.removeChild(a);
}
return supportsVml.supported
}

// findPos() borrowed from http://www.quirksmode.org/js/findpos.html
function findPos(obj) {
var curleft = curtop = 0;
if (obj.offsetParent) {
do {
curleft= obj.offsetLeft;
curtop= obj.offsetTop;
} while (obj = obj.offsetParent);
}
return({
’x’: curleft,
’y’: curtop
});
}
function createBoxShadow(element, vml_parent) {
var style = element.currentStyle[’iecss3-box-shadow’] || element.currentStyle[’-moz-box-shadow’] || element.currentStyle[’-webkit-box-shadow’] || element.currentStyle[’box-shadow’] || ’’;
var match = style.match(/^(d )px (d )px (d )px/);
if (!match) { return(false); }

var shadow = document.createElement(’v:roundrect’);
shadow.userAttrs = {
’x’: parseInt(RegExp.$1 || 0),
’y’: parseInt(RegExp.$2 || 0),
’radius’: parseInt(RegExp.$3 || 0) / 2
};
shadow.position_offset = {
’y’: (0 - vml_parent.pos_ieCSS3.y - shadow.userAttrs.radiusshadow.userAttrs.y),
’x’: (0 - vml_parent.pos_ieCSS3.x - shadow.userAttrs.radiusshadow.userAttrs.x)
};
shadow.size_offset = {
’width’: 0,
’height’: 0
};
shadow.arcsize = element.arcSize’px’;
shadow.style.display = ’block’;
shadow.style.position = ’absolute’;
shadow.style.top = (element.pos_ieCSS3.yshadow.position_offset.y)’px’;
shadow.style.left = (element.pos_ieCSS3.xshadow.position_offset.x)’px’;
shadow.style.width = element.offsetWidth’px’;

IE下Css圆角没有的解决方法

推荐阅读

辛丑条约是哪一年签订的辛丑条约介绍

华为ags-w09参数 agsw09是华为什么型号

公积金缴存基数的意思是什么

未满16岁可以办电话卡吗

液化气罐的规格和尺寸是多少

有关军训的标题

四害指的是什么四害是指什么

三国演义中著名的以少胜多的战役有哪些三国演义中以少胜多的著名战役

腊月初八煮腊八粥是什么寓意腊八粥的由来

excel怎么筛选重复项并删除 excel找出重复项的方法

Win11无线网络适配器出现感叹号怎么解决？

【吃雪糕】小男孩吃雪糕的画法简笔画怎么画步骤教程

大寒吃什么传统美食大寒节气吃什么

重庆有几个区几个县几个镇

为什么人们喜欢喝可乐,可乐明知道喝多了不好

魅族18参数，LT18Inbsp魅族MX拍照那个强