CSS：阴影覆盖

2012-07-01 138 views 0 likes

我想在对话框后面添加阴影覆盖。我遇到了一个我不知道如何解决的问题。CSS：阴影覆盖

这是我的代码：jsfiddle

有带班shadowDialog股利。

.shadowDialog { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: #000; 
    filter: alpha(opacity=50); 
    -moz-opacity: 0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.5; 
    z-index: 665; 
    //display: none; 
}

它应该覆盖整个空间。但是，它仅包含我打开对话框时可以看到的空间，而不包括我可以滚动到的其他空间（在下方）。

来源

2012-07-01 Andrew

回答

尝试使用position: fixed来代替。

来源

2012-07-01 16:35:11

谢谢。它做我现在想要的:) – Andrew

只是未来的一个提示：当你制作一个JSFiddle时，确保你将它减少到显示问题所需的绝对最小值。在黑暗中拍摄之前，我花了很多时间研究所做的一切。 –

CSS：阴影覆盖

回答

相关问题