2017-12-14 4 views
0

私はこのテンプレートを使用しており、フローカルーセルから不透明または半透明の背景色を削除する必要があります。私はいくつかのオプションを試してみましたが、私はそれをうまくいけないので、私は正しいCSSプロパティにいくつか1つ私を指摘することができます除去することができません。でも、CSSのdoesntの仕事カルーセルから半透明の背景を取り除くことができません

element { 
    overflow: hidden; 
    opacity: 1; 
    display: block; 
} 

http://minth.amazyne.com/v-1.7/home-version-owl-fullscreen-2-op.html#home

の下に、私は以下のように白い透明色

+0

泉CSS '.theme-背景section.fs-overlay.light :: { \t背景の前に設定されている:#fffcを。 } ' – Learning

+1

' .theme-background-section.fs-overlay:before'のように適切な要素をターゲットにする必要があります。そのため、セレクタは文の宣言で '.theme-background-section 'のようになります。 fs-overlay:{ の前に背景:透明!重要; } ' - 重要な宣言が、' .theme-background-section.fs-overlay.light:before'のmore * specific *セレクタに*追加されました* – UncaughtTypeError

+1

@UncaughtTypeError '!important'を使用しています通常は最後に大きな問題になります。より具体的なセレクタを使用することをお勧めします。したがって、cssファイルのロード順序を変更できない場合でも、後でオーバーライドすることができます。本当にシンプルな 'body .theme-back ...'は '.theme-back ...'を上書きすることができ、 'html body .theme ...'や ':root body .theme ...'で上書きすることができます。要素を追加するだけで十分です:ここでは 'div.theme-back ...'です。 [w3c css specificity](https://www.w3.org/TR/css3-selectors/#specificity) –

答えて

1

変更にRGBA値を除去することにより、フルカラーで実際の画像を見たいと思っています。

.theme-background-section.fs-overlay.light:before { 
    background: rgba(255, 255, 255, 0); 
} 

それとも単に:

.theme-background-section.fs-overlay.light:before { 
    background: none; 
} 

それはちょうど使用するよりも、あなたのセレクタと、より具体的には、常により良いです重要!。

+0

バックグラウンドで表示されている画像を80%以下に縮小する方法はありますか?下の中央に表示され、現在表示されているものよりわずかに小さい。 – Learning

+0

追加することができます:.theme-background-section {background-repeat:no-repeat; background-size:contains;} –

+0

.theme-background-section {background-repeat:no-repeat; background-size:auto 80%;}を試してください。 –

0

実際には、あなたがしなければならないすべては

.theme-background-section.fs-overlay:before { 
    ... 
    display:none; 
} 
関連する問題