Question

我知道很多问题都是这样问的，但是我不知道该怎么写。这是我的小提琴：http://jsfiddle.net/CnJF5/2/

HTML：<div id="myDiv" ></div>

CSS：

#myDiv
{
    background-color:black;
    width:100%;
    height:100%;
}

这个小提琴如何制作一个洞穴页面上的div并且是黑色的？

Answer 1

如果您希望该div占用整个页面，则您需要将height设置为100%的所有父元素：

body, html {
    height:100%
}

#hider
{
    background-color:black;
    width:100%;
    height:100%;
}

JSFiddle：http://jsfiddle.net/CnJF5/8/

Answer 2

你必须设置

body, html {
    height: 100%
}

如果他们的父母有一个固定的身高，元素只会尊重百分比高度。

Answer 3

100％的是什么？ width和height的默认值为auto。如果你想要一个黑色的页面，你需要给<div>的祖先一些值。

html, body {
    width:100%;
    height:100%;
}

Answer 4

试试这个...... http://jsfiddle.net/CnJF5/12/

#myDiv {
    z-index: 10000;
    filter: alpha(opacity=50); /*older IE*/
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
    -moz-opacity: .50; /*older Mozilla*/
    -khtml-opacity: 0.5;   /*older Safari*/
    opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
    background-color:#000000;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-align:center;
    vertical-align:middle;
}

简单的jsfiddle示例不起作用

4 个答案: