背景颜色错误

所以我试图做一个非常简单的灯箱，我可以使用某些东西，但无论出于何种原因，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

背景颜色错误

回答

相关问题