Blogger Beitrag Hintergrund Opazität

Question

In Ordnung, ich kann nicht über eine Möglichkeit, dies zu tun, aber auf My Blogger hinter dem Beitrag ist eine bräunliche tan Hintergrund und ich kann nicht die Deckkraft ändern, kann ich es zu einer festen Farbe, aber nicht die Deckkraft ändern. Ich frage mich, ob es dafür einen CSS-Workaround gibt. oder eine andere Problemumgehung, um die Deckkraft weniger durchsichtig zu machen, damit der Text nicht so hart mit der dunklen Flüssigkeit im Weinglas kollidiert.

Jede Hilfe ist genial, dank Maxthespy

Answer 1

Was Sie suchen ist opacity: 0.5;. Beachten Sie, dass Sie auch filter: alpha(opacity=50); benötigen, um mit diesen lästigen frühen IE-Versionen zu tun;)

EDIT:

die Opazität ändert, wird die gesamte Opazität des div ändern, einschließlich der Textinhalte. Um sowohl einen transparenten background-url als auch einen Volltext verwenden zu können, benötigen Sie ein bisschen Hack-CSS, um das Hintergrundbild in :after von post-outer zu verwenden und es so zu setzen, dass es an der gleichen Stelle im Hintergrund erscheint:

.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; 
} 

Hoffe, das hilft!

Answer 2

Ersetzen Sie diese Zeile für .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` 

Mit einem rgba Hintergrundfarbe, wobei die ersten drei Werte der RGB-Wert sind für alles, was Farbe, die Sie verwenden möchten, und der letzte Wert ist der Durchlässigkeitswert. Dies ist "weiß" (255,255,255) mit 90% Opazität.

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