不透明度が設定された背景は、クロムとオペラでは不透明で透明ではありません。

スクロールした後のテキストと背景のdivがホームスライダーを超えています。そのレイヤーが透明で、一部の不透明度が設定されているFirefoxではすべてが正常です。しかし、クロムとオペラでは、それはしっかりしていて、スライダは見えません。私は次のものを使用します：不透明度が設定された背景は、クロムとオペラでは不透明で透明ではありません。

background:rgba(255,255,255,0.5);

イベントは透明なPNGを使用しようとしましたが、それはまた堅実です。 Problem preview

ChromeとOperaで背景を透明にするにはどうすればよいですか？

出典

2016-07-04 kasper

上記のコードを背景色に変更します。rgba（255,255,255,0.5）;それが動作するかどうかを確認してください。 –

あなたの問題はいくつかの矛盾するCSSでなければなりません.https：//jsfiddle.net/o17pkhgo/を参照してください - バックグラウンドのプロパティは機能します。あなたのサイトは、私が間違っていると言っても過言ではありません。特にスライダーアニメーションでは、変更を調べることが非常に難しいです。 –

問題がオーバーフローしました：非表示です。 – kasper

このような問題には、次の2つのことがあります。

方法1

body,html { /*OR whatever selector you had*/ 
    background-color:rgba(255,255,255,0.5); /*Note that the property is background COLOR*/ 
}

方法2

私はそれが古い質問です知っているが、同じ問題を探して、これは私のために上にアップpopedこのlink

出典

2016-07-04 16:05:45

方法1は動作していませんし、方法2は私の場合は不可能です – kasper

を参照してください。。私は同じ問題を抱えていました.Firefoxでは完全に動作していましたが、Chromeではopaciyが全くありませんでした。私がやったことと、RGBAカラーからHSLAカラーに変更するには、（少なくとも今のところは）完璧に動作しています。私の場合はには、次の変更：

background-color: rgba(0, 0, 0, 0.75);

background-color: hsla(0, 0%, 0%, 0.75);

に私はクロームがHSL色と不透明度を好む理由はわかりません。また、新しいバージョンのブラウザでは、HSLの色がサポートされることをお勧めします。

出典

2017-06-15 15:54:28 DvD

不透明度が設定された背景は、クロムとオペラでは不透明で透明ではありません。

答えて

関連する問題