Fatal编程技术网
  • jquery/
  • Jquery 没有供应商前缀的CSS边框半径？

Jquery 没有供应商前缀的CSS边框半径？

jquery css

Jquery 没有供应商前缀的CSS边框半径？,jquery,mozilla,css,Jquery,Mozilla,Css,有没有办法在没有-moz的情况下创建radius边框，因为这只适用于Mozilla浏览器 -moz-border-radius-topleft:3%; -moz-border-radius-topright:3%; -moz-border-radius-bottomright:3%; -moz-border-radius-bottomleft:3%; 等等，它还不是一个标准的*ized*，所以你不能只使用边界半径 阅读为-webkit和无前缀版本使用供应商前缀，如下所示 -moz-borde

有没有办法在没有
-moz
的情况下创建radius边框，因为这只适用于Mozilla浏览器

-moz-border-radius-topleft:3%;
-moz-border-radius-topright:3%;
-moz-border-radius-bottomright:3%;
-moz-border-radius-bottomleft:3%;
等等，它还不是一个标准的*ized*，所以你不能只使用
边界半径

阅读为
-webkit
和无前缀版本使用供应商前缀，如下所示

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
我很确定Firefox4现在支持无供应商属性。

您可以选择jQuery方式，在

它在包括IE在内的所有浏览器中都受支持。它使用嵌套的div（而不是图像）在IE中绘制角点。在支持它的浏览器（Opera10.5+、Firefox、Safari和Chrome）中，它还具有本机边界半径舍入。因此，在这些浏览器中，插件只需设置css属性即可

下面是如何使用它 您需要在
之前包含jQuery和Corner js脚本。然后编写jQuery，比如$（'div，p'）.corner（'10px'）；并放置在“”之前。因此，您的html将类似于下面的代码。这里我为所有
div
和
p
标签制作圆角。如果您想为特定id或类执行此操作，则可以执行类似于
$（'#myid'）.corner（）的操作





$（'div，p'）.corner（）；



检查工作示例，现在它是一个标准。查看到目前为止哪个具有候选人推荐状态。但是你可能仍然希望其中的前缀版本能够满足那些不更新浏览器的用户的需要。@Joey，我知道，这是一个标准，我没有正确地表达，我的意思是，例如FF4是非常新的，想象一下有多少用户目前在FF3.x上，并且将在很长一段时间内使用它。最好包括所有的规则，不会有伤害。-o-border-radius从未对我起作用。Opera从10.5开始就使用边界半径。确实如此。Opera 10.50和IE9也是如此。所有最新版本的流行浏览器都支持
border radius
，但并非所有人都使用最新版本。这里的问题是
border radius-[VH]
仅由Mozilla实现。标准是
border-[V]-[H]-radius
@BoltClock，没错，但如果他在所有4个角上使用相同的值，他可以使用快捷方式。嗯，这个“工作”示例显示了我在chrome上的2个带硬角的正方形。。。

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



<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>