圆角CSS样式

时间: 2010-06-22 / 分类: web标准 / 浏览次数: / 0个评论 发表评论

风前几天传了一个圆角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>

发表评论

您的昵称 *

您的邮箱 *

您的网站