1

CSS コンテナー内にいくつかの画像を配置したいのですが、それらがコンテナーの書式設定を取得しないようにします。私が探している効果は、1 つの画像の背景と、その上にある他の画像です。

大きな問題は、私が持っているメインのコンテナです

    border-radius:50px;

丸みのある素敵な背景画像を作成します。ただし、内側の画像を丸くしたくありません。

私は試します

div.innerimage img{ 
    border-radius: 0px;
}

これをなくすために、彼らは周りにとどまります。この以前のフォーマットの継承を停止するにはどうすればよいですか?

4

5 に答える 5

0

親要素のスタイルをオーバーライドする必要があります。

#container img {
    border-radius:50%;
    margin:10px;
}
#container .innerimage img {
    border-radius: 0px;
}

私がjsfiddleで作成したようなhtmlがあると思います。

お役に立てれば。

于 2013-06-08T07:14:13.687 に答える
0

これに対する最も簡単な解決策は、CSS クラスまたは ID を背景要素にアタッチしborder-radius、そのクラスに をアタッチすることです。

次に、border-radius:0内部要素に指定する必要がある場合は、必要なく優先され!importantます。

于 2013-06-08T07:24:24.153 に答える