1

次のスタイリングの div があります。

overflow:hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

内部に画像がありますが、高さはテキストを含む別の div の高さに対応しています。

div に十分なテキストが含まれていない場合、画像は最初の div 内で上に移動します。オーバーフローが非表示になっているため、これは表示されません。最初のdivに境界線の半径を与えたいと思うまで、これはすべてうまくいきましたが、表示されません。これは chrome、firefox、IE でのみ発生し、動作します。

4

2 に答える 2

0

これは div 内の画像の境界半径です。あなたの質問が何であるかを完全には理解していないので、作成したこの JSFiddle を変更して、実際に何であるかを示してください。

http://jsfiddle.net/JGQwp/

于 2012-07-26T13:05:51.150 に答える
0

どのような効果を達成したいのか正確にはわかりませんが、画像を背景画像として設定することにより、Chrome (およびその他) で機能する例を次に示します。

http://jsfiddle.net/dnsyn/1/

そして、画像に半径を適用するもの:

http://jsfiddle.net/dnsyn/2/

また、border-radiusプロパティは、それをサポートするすべてのブラウザーで「プレフィックスなし」になっているため、次のもののみが必要です。

    border-radius: 20px;
于 2012-07-26T13:29:57.600 に答える