背景顏色錯誤

所以我試圖做一個非常簡單的燈箱，我可以使用某些東西，但無論出於何種原因，divs應該使背景變暗就是取消任何背景屬性。背景顏色錯誤

HTML

<div class="zoom-placeholder"> 
    <div class="zoom-container"> 
     <img class="zoom" src="image.png" /> 
    </div> 
</div>

CSS

.zoom { 
    margin: 1em 0em; padding: 1em; 
    background: #f9f9f9; 
    border: 1px solid #ccc; border-bottom-width: 2px; 
    box-shadow: rgba(0,0,0,0.075) 0px 2px 3px, inset rgba(255,255,255,0.5) 0px 0px 25px; 
    user-select: none; 
    user-drag: none; 
} 
.zoom-container, .zoom-placeholder {display:table-cell} 
.zoom-container.open { 
    position: fixed; 
    z-index: 999; 
    width: 100%; height: 100%; 
    top: 0px; bottom: 0px; 
    left: 0px; right: 0px; 
    background: rgba(0,0,0,0,0.5); /* <--- Not Working --- */ 
} 
.zoom-container.open .zoom { 
    width: auto; 
    height: auto; 
    position: absolute; 
    margin: 0em; 
    border-color: rgba(0,0,0,0.1); 
    box-shadow: rgba(0,0,0,0.5) 0px 10px 30px, inset rgba(255,255,255,0.5) 0px 0px 25px; 
}

有沒有什麼我都被破壞了寫它，但它仍然無法正確顯示。

您可以使用這裏看到：

http://jsfiddle.net/JamesKyle/8H7hR/34/

來源

2011-11-21 James Kyle

看那CSS background: rgba(0,0,0,0,0.5); /* <--- Not Working --- */不工作，因爲這是無效的CSS3應該background: rgba(0,0,0,0.5);
通知失蹤0你有1太多。 R ed，G reen，B lue，A lpha透明度。：]

來源

2011-11-21 21:35:06 k4t434sis

擊敗我1秒！ – ScottS

噢，如果這可以解決您的問題，接受的答案將是很好的;] – k4t434sis

和upvote對我的1秒延遲的答案會很好，從你:-) – ScottS

你的問題是你有在不工作的聲明（你有5時，應該只能爲四種）太多參數：

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

邊注：請提高您的錄取率。

來源

2011-11-21 21:35:37 ScottS

背景顏色錯誤

回答

相關問題