0

Chrome や Webkit で発生するように、Safari や Firefox で CSS をレンダリングするのに問題があります。

いくつかの写真を表示する Web サイトを構築しています。それらのいずれかをクリックすると、その写真の後ろからいくつかのテキストと親指がロールアウトされます。

親オブジェクトのクラスを変更していくつかの子ノードを移動することにより、CSSトランジションを使用していますが、それは問題ではないと確信しています。

ここでは、それがどのように機能するかを試してみることができます。 ページのサイズを変更して、反応を確認してください....

Chrome/Webkit に見られるように、div が「開いた」後でも、ページの全幅を尊重し、サイド テキストも左側の画像より高くならず、下部のサムは常に画像のすぐ上にあります。

Safari または Firefox では、これらの動作はレンダリングされません。「 !important 」ルールと「 RESET.CSS 」をいくつか試しましたが、すべてのブラウザで同じようにレンダリングする方法が見つかりません。

これ以上オプションがない場合にのみJavascriptを使用しようとしています...

誰も手がかりを持っていますか？

前もって感謝します。

4

2 に答える 2

0

わかりました、固定…</p>

不思議なことに、解決策は次のとおりでした。

.cont_texto{
    display: block;
    height: 0;
}

変

于 2013-10-17T20:13:27.213 に答える
0 
.cont_foto img { width: 100% !important; }

私があなたを正しく理解しているなら、それはあなたが望むところにあなたを近づけるはずです.

于 2013-10-10T19:26:24.623 に答える