来自 操作系统 2020-03-22 19:50 的文章
当前位置: 澳门威尼斯人平台 > 操作系统 > 正文

CSS3圆角属性在Firefox,Chrome,Safari的实现

现如今,一些群众的“No to Chrome”情绪已日益浓烈,并且这些人员也变得越来越有组织性。

今天在aw那里看到他的博客用了Firefox专有的圆角属性,另外WordPress的后台也使用了,于是我自己也就试一下来用了。目前IE还未支持圆角属性,IE8我还不清楚支不支持,或许我们以后只要使用border-radius这个CSS3属性就能轻松地在现代浏览器实现这个困扰很多小盆友的问题了,希望这一天的到来不会太遥远。目前我们已经可以在Firefox,Chrome,Safari实现这个功能了,但他们也还是使用私有属性来实现,用法上略有区别。

澳门威尼斯人注册网站,在 No to Chrome 官方网站上,其首页写道,“我们再也不能假装 Google 是世界上的积极力量。每个互联网用户都可以采取简单的第一步来使事情变得更好。”

对于 Adobe 来说,这两天应该是挺不开心的。先是 Facebook 的首席安全官 Alex Stamos 在 Twitter 上公开说:Adobe,你真的应该对 Flash 做个了断了,黑客通过 Flash 已经偷窃了多达 400 GB 的缓存文件。接着 Firefox 的主管也表示将在 Firefox 浏览器中默认禁用所有版本的 Flash。

先说一下Firefox的圆角属性:
-moz-border-radius: {1,4} | inherit
如果你想设置四个角都是一样圆角的话,可以像这样子直接设置-moz-border-radius:5px;
也可以单独设置元素的上左、上右、下右、下左四个角的值,分别用-moz-border-radius-topleft、-moz-border-radius-topright、-moz-border-radius-bottomright、-moz-border-radius-bottomleft来设置。
也可以用合并起来一起设置,如我目前的主题暂时设置的-moz-border-radius:5px 0 5px 0;

澳门威尼斯人注册网站 1

澳门威尼斯人注册网站 2

对chrome、Safari这两个webkit内核的浏览器来说,是用-webkit-border-radius来实现的。
-webkit-border-radius:{1,2} | inherit;
如果你想设置四个角都是一样圆角的话,依然可以像这样子直接设置-moz-border-radius:3px;
如果是单独设置四个角的话,需要采取这种方式

其鼓励用户寻找一种更好的网络浏览器来代替 Google Chrome,并向所有人传播这一理念。并表示,“No to Chrome 可以被视作那些使用互联网向 Google 发送信息的起点,以向他们传达我们将不容忍他们无视我们的权利,尊严,民主和社区的态度。”

这些消息出来之后,Twitter 上的用户和媒体基本都是一副拍手叫好的姿态。比如 Engadget 说的是 Flash 接连遭到了 Facebook 和 Mozilla 的炮轰、抵制;而 Twitter 用户 @zaid 则表示:如果你是一个在意你的用户的广告展示商,那么你应该立刻停止接受 Flash 广告。

-webkit-border-top-left-radius:5px 10px;
-webkit-border-top-right-radius:5px 10px;
-webkit-border-bottom-right-radius:5px 10px;
-webkit-border-bottom-left-radius:5px 10px;

同时,该网站首页还详细给出了 使用其他浏览器 和 解除安装 Chrome 的建议和教程。而在 告诉大家 使用 #NoToChrome标签这一选项中,其又意味深长地写道,...现在您可以浏览网页而不是被 Google 浏览了。

做出这种举动的其实不止 Firefox。在今年 4 月份,当苹果发现 Flash 的安全性问题后,就在更新 OS X 的网页插件遮蔽系统时禁用了所有旧版 Flash 插件。在 2014 年时,苹果也曾经有过类似的举动,由于当时 Adobe 根本就没能发布任何更新,所以也就等于 Flash 直接被苹果屏蔽了。

如果是要合并的话,只支持-webkit-border-radius:3px;或者是这样子-webkit-border-radius:3px 4px;使用-webkit-border-radius:5px 0 5px 0;将不会有任何效果。

本文由澳门威尼斯人平台发布于操作系统,转载请注明出处:CSS3圆角属性在Firefox,Chrome,Safari的实现

关键词: