【css】ie6,i7,i8支持css3的方法

向右看齐 2022-01-06 06:23 286阅读 0赞 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  3. <head>
  4.     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  5.     <title>Document</title>
  6. </head>
  7. <style type="text/css">
  8.     .box {
  10.    width:500px;
  11.    height:300px;
  12.    background-color: red;
  14.   -moz-border-radius: 15px; /* Firefox */
  15.   -webkit-border-radius: 15px; /* Safari 和 Chrome */
  16.   border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
  18.   -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
  19.   -webkit-box-shadow: 10px 10px 20px #000; /* Safari 和 Chrome */
  20.   box-shadow: 10px 10px 20px #000; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
  22.  behavior: url(ie-css3.htc); /* 通知IE浏览器调用脚本作用于'box'类 */
  23. }
  24. </style>
  25. <body>
  26. <div class='box'></div>
  27. </body>
  28. </html>

源文地址：http://www.zhangxinxu.com/wordpress/?p=783

转载于:https://www.cnblogs.com/positive/p/3892402.html

发表评论

表情：
评论列表 （有 0 条评论，286人围观）

还没有评论，来说两句吧...

相关阅读