兼容IE6，IE7，IE8，friefox，chreom浏览器圆角及渐变效果

转载自：http://www.websjy.com/bbs/viewthread.php?tid=9968

 

  1. <html>
  2. <head><title>测试主机Content-Type</title>
  3. <style type="text/css">
  4. .test {
  5. width:560px;
  6. height:400px;
  7. background-color:#FFFFFF;
  8. padding:10px 8px 6px; 
  9. border: 1px solid #C0C0C0; 
  10. margin-bottom:10px;
  11. /*圆角*/
  12. border-radius:3px;/*IE6*/
  13. behavior:url(http://share.job9151.com/ie-css3.htc);/*IE6*/
  14. -moz-border-radius:3px;-webkit-border-radius:3px;/*非IE6的其它*/
  16. /*渐变*/
  17. FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8);/*IE6*/
  18. background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*非IE6的其它*/
  19. background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8c4cb), to(#f6f6f8));/*非IE6的其它*/
  20. }
  21. </style>
  23. </head>
  24. <body>
  25.         <div class="test">
  26.                 这个页面是用以测试主机是否有正确的content-type。
  27.         </div>
  28. </body>
  29. </html>

复制代码下载htc 文件及演示页面：  iecss3.rar (4.16 KB)

posted @ 2014-01-14 17:28  破浪远航  阅读(260)  评论(0)    收藏  举报