背景顏色滲透到透明顏色

我已經設法得到完美的背景邊框透明效果，但現在我無法通過任何方式使內容呈現白色，而沒有將其重疊到邊框圖像中。背景顏色滲透到透明顏色

我需要這一點，但就是文字（內容）我需要的背景是白色的

我曾嘗試： - 設置背景顏色（） - 使用重複的bg圖像（透明度仍然存在，但圖像部分加載到邊框上） -using span使文本背景變爲白色（這可以起作用但它只覆蓋文字的確切區域，使背景透明，並且白色。

這裏是我的代碼：

.blog { 
border-width: 27px; 
-moz-border-image: url(divborder.png) 27 stretch; 
-webkit-border-image: url(divborder.png) 27 stretch; 
-o-border-image: url(divborder.png) 27 stretch; 
border-image: url(divborder.png) 27 stretch; 
font-family: pokemon; 
font-size: 9px; 
padding: 0px; 
margin: 20px; 
border-color: rgba(128,128,128,0.3); 

}

奇怪的是它加載在Dreamweaver精細，

再次感謝你們！

來源

2014-02-22 user3286723

.blog { 
    border-width: 27px; 
    -moz-border-image: url(divborder.png) 27 stretch; 
    -webkit-border-image: url(divborder.png) 27 stretch; 
    -o-border-image: url(divborder.png) 27 stretch; 
    /* border-image: url(divborder.png) 27 stretch; Remove this line */ 
    font-family: pokemon; 
    font-size: 9px; 
    padding: 0px; 
    margin: 20px; 
    border-color: rgba(128,128,128,0.3); 
}

它是一個骯髒的修復，但它的工作原理

來源

2014-02-22 09:41:00 Krimson

現貨！謝謝你，那是甚麼工作？ – user3286723

@ user3286723哈，我仍然試圖自己回答這個問題。邊界圖像還是有點兒車。正如我所說，這是一個快速和污垢修復，因此應該只是暫時的。所以，你仍然應該找到一種方法來構建你的元素來擺脫這個問題。 – Krimson

我認爲你需要把你的帖子內容爲div標籤與一些class（post-content爲例），併爲其設置背景顏色。

這裏的小提琴：http://jsfiddle.net/qgg9j/（看看過去後）

來源

2014-02-22 09:30:20 konart

我明白了我的想法，你是說內容應該是一個獨立的div類，它有自己的屬性，我把這個INSIDE放到了博客類中？我只是試過這個，但它搞砸了整個頁面，在我的腦海中，這應該工作。 – user3286723

HTML

<div class="blog"> 
    <div class="content_wrapper"> 
     <h1>text</h1>  
    </div>  
</div>

CSS

.content_wrapper{ 
    background: #fff; 
    padding: 1px; 
}

來源

2014-02-22 09:37:08 Abhineet

從邏輯上講，這種方式可行，但由於某種原因，網站中的所有內容都會在博客文章中結束。 – user3286723

@ user3286723它會工作，我認爲還有其他問題在博客裏面結束。 – Abhineet

背景顏色滲透到透明顏色

回答

相關問題