圆角CSS样式
风前几天传了一个圆角CSS样式过来,将这个效果运用到PG CBD项目中,在用thickbox弹出窗口时,始终是直角的,测试了好久仍没法是圆角,怪事,单独访问这个文件就没事的,IE6,7,FIREFOX下都正常显示圆角,但作为弹出窗口来显示,却始终是直角的。
border-radius.htc
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<style type=”text/css”>
body {
background-color: #fff;
font: normal 11pt Trebuchet MS,Arial,sans-serif;
}
.box2 {
background: #f8f5e7;
width: 420px;
height: 220px;
margin: 0 auto 35px auto;
padding: 30px;
color: #fff;
font-weight: bold;
border: 2px solid #a14200;
-moz-border-radius: 15px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(border-radius.htc);
}
.rel {
margin: 50px 0 0 33px;
padding: 25px;
position: relative;
z-index: inherit;
zoom: 1; /* For IE6 */
}
</style>
</head>
<body>
<div>
<div>
this cat is a hybrid of domestic and wild breeds ![]()
</div>
</div>
</body>
</html>