我想要一些那些漂亮的圆角用于我正在进行的网络项目.
我以为我会尝试使用javascript而不是CSS来完成它,以便将图像文件的请求保持在最低限度(是的,我知道可以将所有必需的圆角形状组合成一个图像)我也想要能够在飞行中改变背景颜色.
我已经使用了jQuery,所以我看了一下优秀的圆角插件,它在我试过的每个浏览器中都像魅力一样.作为一名开发人员,我注意到有机会让它更有效率.该脚本已包含用于检测当前浏览器是否支持webkit圆角(基于Safari的浏览器)的代码.如果是这样,它使用原始CSS而不是创建div的层.
我认为如果可以执行相同类型的检查以查看浏览器是否支持Gecko特定-moz-border-radius-*
属性以及是否支持它们,那将是非常棒的.
对webkit支持的检查如下所示:
var webkitAvailable = false; try { webkitAvailable = (document.defaultView.getComputedStyle(this[0], null)['-webkit-border-radius'] != undefined); } catch(err) {}
然而,这不起作用,-moz-border-radius
所以我开始检查替代品.
我的后备解决方案当然是使用浏览器检测,但这远非推荐的课程实践.
我最好的解决方案如下.
var mozborderAvailable = false; try { var o = jQuery('').css('-moz-border-radius', '1px'); mozborderAvailable = $(o).css('-moz-border-radius-topleft') == '1px'; o = null; } catch(err) {}它基于Gecko将复合-moz-border-radius"扩展"为四个子属性的理论
-moz-border-radius-topleft
-moz-border-radius-topright
-moz-border-radius-bottomleft
-moz-border-radius-bottomright
那里有没有javascript/CSS大师有更好的解决方案?
(此页面的功能请求位于http://plugins.jquery.com/node/3619)
1> travis..:这个怎么样?
var mozborderAvailable = false; try { if (typeof(document.body.style.MozBorderRadius) !== "undefined") { mozborderAvailable = true; } } catch(err) {}我在Firefox 3中测试了它(真实),在Safari,IE7和Opera中测试了它.
(编辑:更好的未定义测试)
推荐阅读
如何解决《VBA:将VariableArray转换为String》经验,为你挑选了2个好方法。 ... [详细] 如何解决《为什么Xcode7.2崩溃'无法实例化名为IBNSLayoutConstraint的类'?》经验,为你挑选了2个好方法。 ... [详细] 如何解决《INT0x13/AH=0x02适用于软盘映像,但不能在闪存驱动器上刻录》经验,为你挑选了1个好方法。 ... [详细] 如何解决《如何自动更新所有Node.js模块?》经验,为你挑选了1个好方法。 ... [详细] 如何解决《编译ISOSQL-2003ANTLR语法》经验,为你挑选了0个好方法。 ... [详细] 如何解决《如何停止ScheduledExecutorService?》经验,为你挑选了1个好方法。 ... [详细] 如何解决《创建Hive表以从镶木地板/avro模式中读取镶木地板文件》经验,为你挑选了1个好方法。 ... [详细] 如何解决《Openlayer3-检查功能是否在范围的范围内》经验,为你挑选了1个好方法。 ... [详细] 如何解决《如何使用PHP在Office365中获取刷新令牌和访问令牌》经验,为你挑选了1个好方法。 ... [详细] 如何解决《chrome.storage.managed在我的信息亭应用中似乎无法正常运行》经验,为你挑选了0个好方法。 ... [详细] 如何解决《围绕特定树枝变量{{product.name}}包装上下文html》经验,为你挑选了0个好方法。 ... [详细] 如何解决《如何在开发过程中从一个地方的不同线程中捕获所有未捕获的异常?》经验,为你挑选了1个好方法。 ... [详细] 如何解决《C/C++MPI:是否需要级联MPI_BCasts?》经验,为你挑选了0个好方法。 ... [详细] 如何解决《如果字符串相等-如果声明》经验,为你挑选了1个好方法。 ... [详细] 如何解决《Laravel-如何获得日期的年度财产》经验,为你挑选了2个好方法。 ... [详细] 如何解决《xmlns,xmlns:xsi,xsi:schemaLocation和targetNamespace?》经验,为你挑选了2个好方法。 ... [详细] 如何解决《Javaswitch语句-行为混乱》经验,为你挑选了1个好方法。 ... [详细] 如何解决《打字稿:确保泛型具有特定属性》经验,为你挑选了1个好方法。 ... [详细] 如何解决《如何在groupBy之后将值聚合到集合中?》经验,为你挑选了2个好方法。 ... [详细] 如何解决《IdentityServer3使用刷新令牌刷新用户》经验,为你挑选了0个好方法。 ... [详细]吐了个 "CAO" !Tags | 热门标签RankList | 热门文章
- 1"for ... in ..."构造的奇怪行为
- 2R - 在血压曲线中找出异常值/假象的方法
- 3检测是否通过推送通知打开了React Native iOS应用程序
- 4视差效果跳跃
- 5如何锁定一行以便select只返回一次行?
- 6访问jquery.each中的元素id属性值
- 7如何在foreach循环中创建HTML表
- 8sscanf函数中的%* s是什么意思
- 9重用LINQ查询
- 10如何重命名AWS API Gateway API实例?
- 11在DLL中使用IXMLDocument需要CoInitialize?
- 12在提交应用之前启用bitcode vs include bitcode
- 13在光标位置的可编辑div内插入多个元素
- 14改变argv后的C分段错误
- 15当调用函数中的下一行是return语句时,使用SaveChangesAsync()有什么好处?
- 16即使我在调用fetchall之前执行,MySQLdb也会引发"execute()first"错误
- 17如何使用`gsub`替换具有相同字符串的多个子字符串
- 18Visual Studio for ASP.NET 5项目是否需要.sln文件?它可以只使用Global.json吗?
- 19在Python中有效地分割数据
- 20kubernetes本地集群创建pod有'ErrImagePull'和'ImagePullBackOff'之类的错误
DevBox开发工具箱 | 专业的在线开发工具网站 京公网安备 11010802040832号 | 京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有