Question

有没有办法在没有-moz的情况下制作半径边框，因为这只适用于Mozilla浏览器？

-moz-border-radius-topleft:3%;
-moz-border-radius-topright:3%;
-moz-border-radius-bottomright:3%;
-moz-border-radius-bottomleft:3%;

Answer 1

使用-webkit的供应商前缀和无前缀版本，如此......

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

我很确定Firefox 4现在支持无厂商的属性。

Answer 2

-moz-border-radius:3%;
-webkit-border-radius:3%;
-o-border-radius:3%;
border-radius:3%;

等，它不是标准的* ized *，所以你不能不应该只使用border-radius。

阅读https://developer.mozilla.org/en/CSS/border-radius

Answer 3

您可以使用jQuery方式并在

获得优秀的圆角插件

http://jquery.malsup.com/corner/

所有浏览器都支持IE，包括IE。它使用嵌套的div（而不是图像）在IE中绘制角点。它还支持浏览器中的原生边界半径舍入（Opera 10.5 +，Firefox，Safari和Chrome）。因此，在这些浏览器中，插件只是设置了一个css属性。

以下是如何使用

您需要在</body>之前包含jQuery和Corner js脚本。然后编写你的jQuery，如$（'div，p'）。corner（'10px'）;放在''之前。所以你的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 border-radius？

3 个答案:

以下是如何使用

检查http://jsfiddle.net/VLPpk/1