safari - 背景に2つの画像を使用するとサファリで機能しない

Question

背景画像に 2 つの画像を使用しています。(ブックエンドの 2 つの引用符)

画像を 1 つだけ使用すると、Safari で動作します。この CSS を 2 つの画像で試してみると、Safari では機能しなくなりました。ただし、Firefoxでは動作します。

background:transparent url(../images/quote.png) no-repeat 左上、url(../images/quote2.png) no-repeat 右下 25px;

Answer 1

アドバイスありがとう。以前に div の提案を試しましたが、うまくいきませんでした。でも、やっぱり使い続けました。Safari にとって重要と思われる変更が 1 つだけありました。私が定義したポジショニングが気に入らなかったようです: right bottom 25px no-repeat 具体的には右と下。

これが私が最終的に使用したもので、うまくいきました。フレックススライダーの相互作用の問題かもしれません。わからない。しかし、これはうまくいきました。ありがとうございました。

.flexslider { margin: 0; padding: 0 0 0 25px; background:transparent url(../images/quote.png) no-repeat left top; } 

.flexslider .slides #test-text{ background: url(../images/quote2.png) no-repeat 345px 96px; }