我发现Jquery角落不适用于Chrome的可爱发现。有什么解决方案吗?
我刚想通了当我转动我的config.js文件时(圆角函数):
$(document).ready( function(){
if(navigator.appName!="Microsoft Internet Explorer") {
$('.round_10px').corners("10px");
$('.bottom_round_10px').corners("10px bottom-left 10px bottom-right");
$('.bottom_l_round_10px').corners("10px bottom-left");
$('.bottom_r_round_10px').corners("10px bottom-right");
$('.bottom_top_l_round_10px').corners("10px top-left 10px bottom-left");
$('.bottom_top_r_round_10px').corners("10px top-right 10px bottom-right");
$('.round_40px').corners("40px");
}
我的网站看起来应该如何......所以除了将Chrome关闭之外,还有任何已知的解决方法吗?
答案 0 :(得分:5)
我很确定,-webkit-border-radius
肯定可以在Chrome上运行,因为它是基于webkit的浏览器。
当你说“jQuery corner”时,我无法知道你指的是哪个特定的插件,但据我所知,大多数都是通过使用针对FF的引擎特定样式来实现圆角({{1} })和webkit(-moz-border-radius
)并使用border + trig for IE。也就是说,假设任务是在不使用外部资源(图像)的情况下制作圆角。
答案 1 :(得分:3)
实际上直接的CSS3代码:border-radius也适用于Chrome。