0

我想在我的网站上检查客户端浏览器的 css3 支持，如果它不支持 css3，我想向用户显示一条消息。

这是我编写的用于检查用户浏览器上的边框半径的代码。但它并不总是正常工作。我已经在 Mac 上使用最新版本的 Chrome 进行了检查（它可以工作），但在使用最新版本 Chrome 的电脑上，它没有显示任何消息。

    if (!Modernizr.borderRadius) {
               $(function brwsalert(){
           $("<div>")
           .css({
       'position': 'absolute',
       'top': '0px',
         'left': '0px',
         backgroundColor: 'black',
        'opacity': '0.75',
         'width': '100%',
         'height': $(window).height(),
         zIndex: 5000
        })
       .appendTo("body");

             $("<div><br/><p style='direction: rtl;'>بازدید کننده گرامی،<br/>جهت مشاهده وب سایت می بایست از مرورگرهای بروز استفاده نمایید. جهت دریافت نسخه بروز مرورگر دلخواه بر روی آیکون آن کلیک نمایید.</p><br/><p style='text-align:center;'><a href='https://www.google.com/intl/en/chrome/browser/'><img src='images/chrome.png' width='64px' height='64px'></a>  <a href='https://www.mozilla.org/en-US/firefox/new/'> <img src='images/firefox.png'/></a>  <a href='http://windows.microsoft.com/en-us/internet-explorer/download-ie'><img src='images/ie.png'/></a>  <a href='http://www.opera.com/'><img src='images/opera.png' width='64px' height='64px'></a>  </p>")      
        .css({
         backgroundColor: 'white',
         'top': '50%',
         'left': '50%',
         marginLeft: -210,
         marginTop: -100,
         width: 410,
         paddingRight: 10,
         height: 200,
         'position': 'absolute',
         zIndex: 6000
       })
       .appendTo("body");
           });  
          }
4

1 回答 1

0

我相信语法应该是Modernizr.borderradius

我已经用 Modernizr 2.6.2 对此进行了测试，这在 Chrome 和 Windows 的 Safari 中都能正常工作，而Modernizr.borderRadius在这两种情况下都返回 undefined。我目前没有要测试的 Mac。

于 2013-10-17T15:27:07.560 回答