在網(wǎng)頁制作時(shí)，圓角的樣式在很多時(shí)候都要到，大多數(shù)都是用圖片來搞，其實(shí)圖片不圖片無所謂的，但也有的朋友比較喜歡用CSS來寫，CSS寫的話在火狐、谷歌等瀏覽器都是沒有問題的。但是在IE下就會(huì)出現(xiàn)問題，圓角就沒有了。這時(shí)候就要用到一個(gè)文件，當(dāng)時(shí)那個(gè)文件是哪里下的已經(jīng)記不清了，但用著還是挺不錯(cuò)的。由于不知道怎么上傳文件，就只能把源碼弄出來了。
test.html
<html>
<head><title>test</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) {
新聞熱點(diǎn)
疑難解答
圖片精選
