CSS的邊框圖像透明度

我有一個圖像，我用邊框CSS創建。但是，在Chrome上，它不會用合適的顏色填充div的中心，並且它是透明的。CSS的邊框圖像透明度

This is the image

當我把一個背景爲白色，它與邊界的透明度，這就是爲什麼我不能把它干擾。有沒有解決這個另一種方式（跨瀏覽器，當然兼容）？

#post-wrap { 
    margin:auto; 
    padding: 0px 40px 70px 40px; 
    width: 850px; 
    border-width: 96px 17px 15px 36px; 
    -moz-border-image: url(http://www.nicxtay.com/wp-content/uploads/2012/01/postbackground.png) 96 17 15 36 repeat; 
    -webkit-border-image: url(http://www.nicxtay.com/wp-content/uploads/2012/01/postbackground.png) 96 17 15 36 repeat; 
    -o-border-image: url(http://www.nicxtay.com/wp-content/uploads/2012/01/postbackground.png) 96 17 15 36 repeat; 
    border-image: url(http://www.nicxtay.com/wp-content/uploads/2012/01/postbackground.png)  96 17 15 36 repeat; 
}

來源

2012-01-15 nicole

請正確格式化您的代碼。不要使用'>'來格式化代碼;而是用四個空格縮進每行。 – BoltClock 2012-01-15 17:38:59

我編輯了它來糾正它。 – 2012-01-15 17:44:46

把第二個'div'放在第一個裏面，然後讓這個'background-color：white'想到 – 2012-01-15 17:51:27

，而不是使用邊界圖像，我想我會設置這個形象，我的div的背景和所使用的填充裏面放置文本...

#post-wrap { 
    margin: auto; 
    padding: 0px 40px 70px 40px; 
    background: transparent url(http://www.nicxtay.com/wp-content/uploads/2012/01/postbackground.png) no-repeat top left; 
}

來源

2012-01-17 16:43:38 arnonate

你只需要添加「填充「爲它包括背景。

border-image: url(http://www.nicxtay.com/wp-content/uploads/2012/01/postbackground.png)  96 17 15 36 fill repeat;

來源

2012-02-02 21:35:52 Jez

CSS的邊框圖像透明度

回答

相關問題