作者:喜生-Da | 2023-08-16 10:24
这是我一直在玩的快速而肮脏的圆角技术.
是的它很难看,但它很快,角落很流畅,它避免了嵌套的div并且不需要javascript.角落图像和内容顺序没有区别,但我认为以这种方式订购角落和内容可能更直观.
问题:这种技术有多糟糕?它可以通过还是我应该完全抛弃它?
1> Alon Gubkin..:
我会使用jQuery Corner Plugin.它非常快,适用于所有现代浏览器,也适用于IE6.
您刚刚将IE6称为现代浏览器吗?;)
+1 - 对于这样的事情保持你的HTML语义并失去所有额外的div,imgs等,如果它们只是用于装饰并使用渐进增强javascript添加它们.使用库将避免跨浏览器问题并链接到其中一个托管副本,访问者很可能已将其存储在缓存中.
2> Rasmus Kaj..:
它是可怕的.您的标记应该是内容,并且您的布局应该是样式.没有混杂.你应该去:
bla blah ... content here
和风格:
.whatitis {
background: whatever;
border: whatever;
border-radius: 1em;
-moz-border-radius: 1em
-webkit-border-radius: 1em;
}
是的,当然,有些浏览器不会出现圆角.但是如果你破解了一个解决方案,即使在不支持它的浏览器中也能提供适当的圆形玉米器,你将拥有一个复杂的解决方案,并且很可能你的网站在其他一些浏览器中无法正常工作.因此,您应该问自己:更重要的是,该网站在某些浏览器X中是否可以正常运行,或者您在其他浏览器Y中获得了圆角?
另外:使用另一个答案(或其他一些预先打包的解决方案)中提到的jQuery插件可能是可以接受的.只要它不要求任何额外的,
或其他标记.
推荐阅读
-
如何解决《如果应用程序使用Enable_Bitcode=No提交,Apple是否会拒绝该应用程序》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《试图制作一个for循环来绘制一个svg》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《在angularJS中::的意思是什么》经验,为你挑选了2个好方法。 ...
[详细]
-
如何解决《将参数传递给Observable.create》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《功能麻烦》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《如何通过单击xamarin形式的按钮来打开网页》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《TypeScript中的深度克隆(保留类型)》经验,为你挑选了2个好方法。 ...
[详细]
-
如何解决《使用jQuery从javascript对象中删除元素?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《Python:删除字符串开头的数字》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《QueryDSL返回最大值》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《在ASP.NETWebAPI2中禁用*all*异常处理(为我自己腾出空间)?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《多个Laravel网站,中央代码库》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《软件包'stringr'和'stringi'的安装具有非零退出状态》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《MySQL寻找一个不错的索引》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《PythonBigQueryallowLargeResultswithpandas.io.gbq》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《使用Rubylogger根据日志记录级别记录到不同的文件》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《MacOSXElCapitan上不支持的major.minor版本》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《在Android中的自定义ActionBar按钮中添加向上导航属性》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《休眠刷新实例化视图》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《TeamCityParameteriseVCS密码》经验,为你挑选了0个好方法。 ...
[详细]