私のウェブサイトはSafariとFirefoxで異なって表示されています。 CSSを使ってSafariで同じように見せてもらいたい。アウトライン用と画像用の2つのdivボックスを使うことができますが、私はFirefox上でどのように必要なのか、アウトラインとイメージをカーブするのが好きです。 Safariにアウトラインとイメージをカーブさせるにはどうしてですか？-webkit-border-radiusは-moz-border-radiusとは異なる動作をします。
サファリ：
のFirefox：
<img src="asset.jpg" class="example">
img.example { width: 250px; height: 250px; background: rgba(0, 0, 0, .6); padding: 18px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
これは知られていますWebKitのブラウザのバグ
このexample
だから要するに、はい、今のあなたはdivの中に画像をラップする必要が参照してください。吸う。
これらのバグレポートを参照してください：私はそれを一例を提供している、今の
http://code.google.com/p/chromium/issues/detail?id=82417
https://bugs.webkit.org/show_bug.cgi?id=30475
をdiv要素でラップ、as I have done here
に包まれ、これがあるように見えますとにかくそれを修正するために2009年以来そこにあったバグ？いつそれが固定されるかについてのあらゆるアイデア？ – michaellindahl
うまくいけば間に合うかもしれませんが、誰もが更新されるわけではないので、古いビルドをサポートする必要があります。ようこそf *** ingウェブデザイン！ – jacktheripper
この問題のように見えます。私はこれをhttp://shapebootstrap.net/demo/html/corlate/contact-us.htmlに見ています どうすればこの問題を解決できますか？他のブラウザでは完全な円ですが、サファリでは正方形です。 –
はdivの – jacktheripper