兼容IE6,IE7,IE8,friefox,chreom浏览器圆角及渐变效果
2012-01-05 08:46
435 查看
原文:http://www.websjy.com/bbs/viewthread.php?tid=9968
<html> <head><title>测试主机Content-Type</title> <style type="text/css"> .test { width:560px; height:400px; background-color:#FFFFFF; padding:10px 8px 6px; border: 1px solid #C0C0C0; margin-bottom:10px; /*圆角*/ border-radius:3px;/*IE6*/ behavior:url(http://share.job9151.com/ie-css3.htc);/*IE6*/ -moz-border-radius:3px;-webkit-border-radius:3px;/*非IE6的其它*/ /*渐变*/ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8);/*IE6*/ background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*非IE6的其它*/ background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8c4cb), to(#f6f6f8));/*非IE6的其它*/ } </style> </head> <body> <div class="test"> 这个页面是用以测试主机是否有正确的content-type。 </div> </body> </html>
相关文章推荐
- 兼容IE6,IE7,IE8,friefox,chreom浏览器圆角及颜色渐变效果
- 兼容IE6,IE7,IE8,friefox的图片上下左右滚动效果
- Css背景颜色渐变,j兼容多浏览器 IE6、IE7、IE8、FF、Opera、Chorme、Safari
- CSS3过渡效果 兼容IE6、IE7、IE8
- IE6,IE7,IE8,IE9,FIREFOX,Chrome等浏览器兼容详解收集
- 浏览器兼容 IE6、IE7、IE8、Firefox、Opera CSS hack区分
- ie6 IE7 IE8 多浏览器css兼容写法
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- IE6,IE7,IE8浏览器之间相互兼容的问题
- 用CSS来定义<p>标签,要求实现以下效果:字体颜色再IE6下为黑色,IE7下为红色,IE8下为绿色,其他浏览器下为黄色。
- 浏览器兼容:IE6,IE7,IE8,FIREFOX,Chrome
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法(原创理论)
- 浏览器兼容:IE6,IE7,IE8,FIREFOX,Chrome
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法[ZT]
- 如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器
- 浏览器兼容实例:css透明滤镜-完美兼容ie6,ie7,ie8以及firefox
- IE7,IE8浏览器纯CSS实现正圆角效果
- ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法
- 图片上传预览,兼容IE6、IE7、IE8和firefox浏览器
- 多图片上传+图片预览,兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/