开发Chrome的第2部分

时间:2010-01-07 20:20:14

标签: php html css browser google-chrome

我发现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关闭之外,还有任何已知的解决方法吗?

2 个答案:

答案 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。