最良の方法の確認-moz-ボーダーの半径を支援

StackOverflow https://stackoverflow.com/questions/18077

  •  09-06-2019
  •  | 
  •  

質問

たかったのであspiffy丸いコーナーのためのウェブプロジェクトが取り組んでいます。

ながらよく集めたものだと思うして達成でjavascriptおよびCSSではなく、努力を求める画像ファイルを最小限にあるかを知っているものと組み合わせることが可能必要なすべての丸いコーナー形状を一つのイメージ）およびたいという思いもありました変更することができるようにな背景色を写てきたのではないでしょうか。

して活用しjQueryその場合の近似式は以下のようにな優れた 角プラグイン とうまくいったような魅力べてのブラウザにしてみました。ている開発者が気付いたのでビットをより効率的です。のスクリプトとしてコードを検出する場合、現在の機能に対応したブラウザwebkit丸いコーナー（サファリに基づくブラウザ）.その場合で原CSSでの作成層divs.

いかなと思って試してみましたがバンドメンバーが同じ種類のチェックが行われた場合、ブラウザ対応のマンス-特定の -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('<div>').css('-moz-border-radius', '1px');
    mozborderAvailable = $(o).css('-moz-border-radius-topleft') == '1px';
    o = null;
} catch(err) {}

この理論に基づいたゲ"拡大"の複合-moz-ボーダーの半径のサブ-特性

  • -moz-border-radius-topleft
  • -moz-border-radius-topright
  • -moz-border-radius-bottomleft
  • -moz-border-radius-bottomright

はありませjavascript、CSSのグルあるいは、より良い解決するのか

の機能の要求にこのページで http://plugins.jquery.com/node/3619)

役に立ちましたか？

解決

ペギー双葉山です。

var mozborderAvailable = false;
try {
  if (typeof(document.body.style.MozBorderRadius) !== "undefined") {
    mozborderAvailable = true;
  }
} catch(err) {}

でもFirefox3(trueの場合はfalse:サファリ、IE7、オペラ座があります。

(編集:より良い未定義の試験)

他のヒント

ごきげんよう、トメ子です、以上の質問ですが、表示され高い検索のための試験のボーダーの半径を支援していかないといけないと思いんげこ含有することができます。

Rob Glazebrookが少ないスニペットを延長するサポートオブジェクトのjQueryを行うものクイックチェックインのためのボーダー-radiusサポート(またmoz-web-kit）をご用意しています。

jQuery(function() {
jQuery.support.borderRadius = false;
jQuery.each(['BorderRadius','MozBorderRadius','WebkitBorderRadius','OBorderRadius','KhtmlBorderRadius'], function() {
    if(document.body.style[this] !== undefined) jQuery.support.borderRadius = true;
    return (!jQuery.support.borderRadius);
}); });

属性

その場合はありません支援のためにできることができ、利用jQueryを実施する2方スライダーをすることにより、他のブラウザでも同様の映像ます。

なぜ使用しないで -moz-border-radius や -webkit-border-radius のスタイルシート?で有効でCSSと投げない未使用の属性が傷つ以上有するjavascriptの足コーヒーに飽きたら寿司になるような場合は申請できます。

その後、javascriptのすぐチェックインの場合はブラウザはIE（オペラ?) -までを無視する独自のタグには、javascriptがいいことです。

になったかもしれない何かが足りない。

申請CSSを無条件にチェック element.style.MozBorderRadius のスクリプト?

としてだけでjQueryを使用できる jQuery.ブラウザ 明るいブラウザの盗聴を対象とCSS/JavaScriptます。

ここではFirefox2を使用しないアンチエイリアスの国境を越えたのスクリプトが必要な検出するためのFirefox3以前を利用してネイティブ丸いコーナーとしてのFF3使用されないようにする方法はアンチエイリアス.

開発した以下の方法を検出するか否かの機能に対応したブラウザ切えます。ってい試験で、IE(am on Linuxマシン)で正常に動作しなくなっていたのをWebkit、ゲブラウザ（Safari/ChromeやFirefoxなどのオペラ

function checkBorders() {
  var div = document.createElement('div');
  div.setAttribute('style', '-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;');
  for ( stylenr=0; stylenr<div.style.length; stylenr++ ) {
    if ( /border.*?-radius/i.test(div.style[stylenr]) ) {
      return true;
    };
  return false;
};

したい場合は、試験のためのFirefox2または3を確認していただきたい。にゲレンダリングエンジンではなく、実際のブラウザです。において、精密プレスリリースゲ1.9るサポートするバージョンは頼性の丸いコーナー)が、Mozilla wikiのように発売された第四半期2007年のうまいだけでした。

if ( /Gecko\/\d*/.test(navigator.userAgent) && parseInt(navigator.userAgent.match(/Gecko\/\d*/)[0].split('/')[1]) > 20070501 )

すべての機能のこと:

function checkBorders() {
  if ( /Gecko\/\d*/.test(navigator.userAgent) && parseInt(navigator.userAgent.match(/Gecko\/\d*/)[0].split('/')[1]) > 20070501 ) {
    return true;
  } else {
    var div = document.createElement('div');
    div.setAttribute('style', '-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;');
    for ( stylenr=0; stylenr<div.style.length; stylenr++ ) {
      if ( /border.*?-radius/i.test(div.style[stylenr]) ) {
        return true;
      };
    return false;
  };
};
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top