不支持边框半径的浏览器怎么能有不同的CSS代码`
我想在我的网页上使用边界半径和不同的变体。我也想有替代CSS的浏览器，不支持这一点。我正在使用MVC3。
有没有一种简单的方法，可以让我有不同的CSS，这取决于浏览器是否支持边框半径，只有一个CSS文件。换句话说，我不希望有一个额外的CSS文件来管理浏览器的不同变体。
我读到过关于BrowserCaps的报道。有没有人把这个和MVC3一起用来做CSS切换？
回答 2
Stack Overflow用户
发布于 2011-04-05 01:57:38
使用优秀的jQuery圆角插件。
http://jquery.malsup.com/corner/
包括IE在内的所有浏览器都支持它。它使用嵌套的div(无图像)在IE中绘制边角。它在支持它的浏览器(Opera 10.5+、火狐、Safari和Chrome)中也有原生的边界半径舍入功能。因此，在这些浏览器中，插件只需设置css属性即可。
下面是如何使用它
您需要在</body>之前包含jQuery和Corner js脚本。然后像$('div，p').corner('10px')；这样写你的jQuery，并放在'‘前面。这样你的html看起来就像下面的代码。在这里，我为所有的div和p标签创建了圆角。如果您想对特定的id或类执行此操作，则可以执行类似于$('#myid').corner();的操作
<body>
<div class="x"></div>
<p class="y"></p>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://github.com/malsup/corner/raw/master/jquery.corner.js?v2.11"></script>
<script>$('div, p').corner();</script>
</body>在http://jsfiddle.net/VLPpk/1查看工作示例
更新
如果您想要一个仅使用CSS的跨浏览器解决方案，请使用以下方法
.curved {
behavior: url("border-radius.htc");
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari and Chrome */
-khtml-border-radius: 20px; /* Linux browsers */
border-radius: 20px; /* Opera 10.50, IE and CSS3 */
}从http://code.google.com/p/curved-corner下载htc文件以使其在IE浏览器中工作。上面提到的jQuery插件仍然是最简单的方法，你不必每次想要发出一个radius时都要修改这么多的CSS属性。
Stack Overflow用户
发布于 2011-04-05 05:26:38
现代可能会对你有所帮助。它将使用javascript向您的标记添加borderradius或no-borderradius，然后您可以基于此设置样式：
http://www.modernizr.com/docs/#borderradius
https://stackoverflow.com/questions/5542312
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号