0

次のcss要素を持つcssファイルがあります。

.ms-webpart-chrome {
    background-color: white;
}

白の代わりに透明にしたいと同時に、このcss要素をグローバルcssであり、一部のページが使用しているため、このcss要素を使用したいと考えています。

なので、継承して使えないかと考えていました。

これはhtmlでどのように見えるかであり、このdivクラスは自動的に生成されます。つまり、変更したり何もしたりできません。

<div class="ms-searchCenter-main">
            <div class="ms-webpart-zone ms-fullWidth">
        <div id="MSOZoneCell_WebPartWPQ1" class="s4-wpcell-plain ms-webpartzone-cell ms-webpart-cell-vertical ms-fullWidth ">
            <div class="ms-webpart-chrome ms-webpart-chrome-vertical ms-webpart-chrome-fullWidth ">

したがって、基本的には、変更したり削除したりしたくないので、このようなものを用意する必要があります。

.ms-webpart-chrome {
    background-color: white;
}

そして、新しいものを作成し、継承で !important を使用する必要があります。

どんな種類の助けも大歓迎です

注：次のことを試しました：

.ms-searchCenter-main .ms-webpart-chrome
{
background-color: transparent !important;
}

しかし、それはうまくいきませんでした

4

2 に答える 2

0

透明は色ではないため、背景色を透明に指定することはできません。ただし、 でそれを達成できますbackground: none !important;。要素にはデフォルトで背景色がないため、デフォルト (なし) に戻すだけで透明になります。

こちらのデモをご覧ください。上部の背景を赤に設定しましたが、background: none;下部で上書きしました。これで透明になります。赤い枠線は要素の場所を示しています

于 2013-02-25T17:09:57.920 に答える