圆角,这是Mozilla特定的吗?

时间:2020-03-06 14:38:22  来源:igfitidea点击:

我正在看一些站点是如何实现圆角的,而CSS具有我从未真正见过的这些奇怪的标记。

-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px; 
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;

我用谷歌搜索,它们似乎是Firefox专用标签?

更新

我正在查看的网站是twitter,这让这样的网站疏远了他们的IE用户。

解决方案

我建议从IE或者其他浏览器浏览该网站。我敢打赌你会得到不同的加价。

" -moz- *"属性仅适用于Gecko(Firefox,Mozilla,Camino),"-webkit- *"属性仅适用于WebKit(Chrome,Safari,Epiphany)。特定于供应商的前缀对于实现尚未由W3C标准化的CSS功能是通用的。

Twitter并未"疏远"其IE用户。只是为支持它的浏览器添加了样式。

-moz专用于Firefox,-webkit专用于safari,chrome和其他使用该渲染引擎的浏览器。

这些是CSS3中定义的属性的早期实现,因此将来将没有前缀出现。

它们用于Firefox(标有-moz-border的)和Safari(-webkit-border)。

是的,任何前面带有-moz的内容都只能在Firefox中使用。

-webkit只能在Safari,Chrome或者Webkit等基于Webkit的浏览器中使用。

请参阅此处,了解使用普通css标签制作圆角的多种方法。

编辑:我不认为没有圆角是完全疏远,只是IE的外观略有不同。

如果有人想知道所有-moz和-webkit css样式的完整列表