边框圆角样式有关问题

边框圆角样式问题

CSS code

.input_1 {     font-family:微软雅黑; padding: 2px; border-radius: 5px; border: 1px solid rgb(204, 204, 204); width: 150px; height: 25px; line-height:25px; color: rgb(102, 102, 102); font-size-adjust: none; font-stretch: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;}

测试结果：
 
IE < 9，360圆角样式没有效果
IE9、谷歌、火狐圆角样式正常。


有没有什么办法，让它兼容。。。


我看了这个站的样式，和我设置的一样，但是它的边框用同样的浏览器测试，都是圆角。求解决办法！

http://www.iteye.com/signup

[解决办法]
jquery有个插件，可以把div在任何游览器下都可以设置圆角。
http://www.malsup.com/jquery/corner/
[解决办法]
ie6、7、8对css3圆角不支持，它可能另外用css2.1做过兼容。
[解决办法]

探讨

jquery有个插件，可以把div在任何游览器下都可以设置圆角。
http://www.malsup.com/jquery/corner/

[解决办法]

C# code

<style type="text/css">#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}#xsnazzy h1 {font-size:2.5em; color:#fff;}#xsnazzy h2 {font-size:2em;color:#06a; border:0;}#xsnazzy p {padding-bottom:0.5em;}#xsnazzy h2 {padding-top:0.5em;}#xsnazzy {background: transparent; margin:1em;}.xtop, .xbottom {display:block; background:transparent; font-size:1px;}.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}.xb1, .xb2, .xb3 {height:1px;}.xb2, .xb3, .xb4 {background:#ccc; border-left:1px solid #08c; border-right:1px solid #08c;}.xb1 {margin:0 5px; background:#08c;}.xb2 {margin:0 3px; border-width:0 2px;}.xb3 {margin:0 2px;}.xb4 {height:2px; margin:0 1px;}.xboxcontent {display:block; background:#ccc; border:0 solid #08c; border-width:0 1px;}</style><div id="xsnazzy"><b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b><div class="xboxcontent"><h1>标题一</h1><p>内容一内容一<br />内容一内容一内容一内容一</p><h2>标题二</h2><p>内容二内容二内容二</p><p>内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二</p> </div><b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b></div>
[解决办法]
http://wenku.baidu.com/view/ed2c32e3524de518964b7df2.html
[解决办法]
HTML5里实现这个效果很简单
[解决办法]
探讨


引用:

HTML5里实现这个效果很简单

.....

[解决办法]
探讨


100分，都木有人感兴趣。。。
 

 

查看更多 下一篇