1

この html ページがあります: https://dl.dropboxusercontent.com/u/84321529/Fensternorm/index.html

製品にカーソルを合わせると大きくdivなり、製品に関する詳細情報と 1 つのボタンが表示されます。このコンテンツは非表示にoverflow:hiddenなり、すべて純粋な css ソリューションで行われます。

google chrome (バージョン 29.0.1547.66 m) と safari(5.1.7) で問題が発生する理由がわかりません。Mac と Windows の Firefox と IE>7 でテストしたところ、正常に動作しました。

これを修正する方法はありますか？

4

2 に答える 2

1

position: absolute;これらのクラスに入れます：.product-list li div {}

.product-list li div {
    width:184px;
    color:#999;
    line-height:15px;
    position:absolute; // <--
}
于 2013-09-12T19:06:24.107 に答える
0

li 内の div で絶対配置を無効にすると、おそらく、実用的な解決策が得られるはずです。

于 2013-09-12T19:27:43.493 に答える