1

これは何百万回も質問され、回答されていることは知っていますが、それぞれの解決策は少し異なるようで、私が読んだ投稿のスコアを得ることができないようです.

WooCommerce 対応サイトを構築していますが、Safari の画像境界線の半径に問題があります。私はCSSにかなり慣れていないので、問題と解決策の規模を想像して、私を逃れています。これはかなり一般的な問題なので、簡単に説明します。

レイアウトは次のとおりです。

  • Wothemes を使用してストアをセットアップする
  • ストアで画像境界半径を親指に設定しました
  • Firefox では見栄えがよく、Safari では見栄えが悪い。
  • 私が読んできたソリューションを使用してそれを機能させる方法がわかりません。まだ把握していない単純なものがあると確信しています。

ストアへのリンクは次のとおりです: http://printologie.com/shop/ - 同じ問題を提示する単一の製品ページ: http://printologie.com/shop/akuafoil-cards/

これが私のcustom.cssのコードです（単純な -webkit タグでは修正されないようです）：

ul.products li a img {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #FFFFFF;
    border-radius: 80px 60px 80px 60px;
    box-shadow: 0 0 0 0 transparent;
    display: block;
    height: auto;
    margin-bottom: 0.75em;
    padding: 4%;
    width: 91%;
}

修正の考えと説明をありがとう。

4

1 に答える 1

0

境界線の半径はcss3プロパティです。したがって、プロジェクトに使用している場合は、すべてのベンダープレフィックスを追加する必要があります。オペラ-o-、クロームとサファリ-webkit-、Firefox -moz-、Microsoftのように-ms-。

したがって、プロパティは次のようになります。

-webkit-border-radius:80px 60px 80px 60px;
-moz-border-radius:80px 60px 80px 60px;
-o-border-radius:80px 60px 80px 60px;
-ms-border-radius:80px 60px 80px 60px;
border-radius:80px 60px 80px 60px;
于 2013-03-07T19:15:22.777 に答える