2017-01-20 5 views
-2

いいえ、私はこれを行う方法を考えることはできませんが、投稿の後ろにMy Bloggerは茶色の褐色の背景であり、私は不透明度を変更できません、私はそれを単色にすることはできますが、私はそのためのCSSの回避策があるのだろうかと思います。またはテキストがワイングラスの暗い液体で非常に激しく衝突しないように、不透明度を見通しにくくするための他の回避策があります。Bloggerのポストの背景の不透明度

すべてのヘルプはあなたが探しているもののおかげ Maxthespy

+0

あなたはrgbaを探しています。しかし、投稿してください:[mcve] –

答えて

1

opacity: 0.5;で、素晴らしいです。あなたはまた、それらの厄介な初期のIEのバージョンに対応するためにfilter: alpha(opacity=50);が必要になりますことに注意してください。)

EDIT

は不透明度を変更するには、テキストの内容を含め、div要素の全体の不透明度を変更します。透明なbackground-urlを使用し、実線のテキストを使用するには、:afterpost-outerの背景イメージを実際に使用するために、ちょっとしたハックCSSが必要で、バックグラウンドの同じ場所に表示されるように設定してください:

.post-outer { 
    display: block; 
    position: relative; 
    padding: 15px 20px; 
    margin: 0 0 25px; 
    border: dotted 1px #ccb299; 
    box-shadow: 0 0 0 rgba(0, 0, 0, .1); 
} 

.post-outer::after { 
    content: ""; 
    background: url(https://resources.blogblog.com/blogblog/data/1kt/watermark/post_background_birds.png); 
    opacity: 0.5; 
    filter: alpha(opacity=50); /* For IE8 and earlier */ 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0; 
    position: absolute; 
    z-index: -1; 
} 

これは役に立ちます。

+0

私はこれを行ってくれました。私はほとんどワイングラスを見ることができるようにする必要があります –

+0

透明度レベルを調整するには、 'opacity'値を変更します。 'opacity:0.5;'は50%の不透明度を意味します。ほとんど見えないようにするには、 'opacity:0.1;'(10%の可視性)のようなものにドロップすることができます。フィルターを変更して初期のIEブラウザーも処理することを忘れないでください。その場合、 'filter:alpha(opacity = 10)' :) –

+0

私は1.0まで行って、十分に暗くはなかった、私はRGBの色を変更した:不透明度:rgba(195,136,39,0.5); これはうまくいく、私はそれはまだ少し濃いかもしれないと思うが、はるかに読みやすい。 –

0

は、最初の3つの値を使用したいものは何でも色のRGB値であり、最後の値が不透明度の値であるRGBA背景色、で.post-outer

background: rgba(0, 0, 0, 0) url(https://resources.blogblog.com/blogblog/data/1kt/watermark/post_background_birds.png) repeat scroll top left` 

ためにこの行を置き換えます。これは90%の不透明度を持つ「白」(255,255,255)です。

background: rgba(255,255,255,0.9); 
+0

私が望んでいたものではない何かをしたので、同じ色の不透明度をより暗くしたいと思っていました。 –

+0

@CrowEcho彼らは背景として使用している画像は、アルファ透明度を持つ白いPNGです。透明性/不透明度の値がわからないことを除いて、私があなたに与えたのと同じことです。私はあなたが「同じ色の不透明度がより暗くなる」という意味がわからない。不透明度は明るくも暗くもありません。私があなたに与えたことの「0.9」を「0.5」または「0.3」に変更してみてください。明るいものではなく暗い色を探しているなら、 'rgba(0,0,0,0.5)'を使って黒を使うことができます。ここで0.5は不透明度の値で、0.1(10 012(20%)、0.3(30%)など –

+0

もう少しうまくいきましたが、背景が暗くなると思っていましたが、暗い茶色を追加しました。病気が色と不透明の間のスイートスポットを見つけようとする –