简单的jsfiddle示例不起作用

我知道很多问题都是这样问的，但我不知道要写什么。这是我的小提琴：简单的jsfiddle示例不起作用

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

CSS：

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

这怎么捣鼓做出div是在孔页，是黑色的？

来源

2012-05-22 user1365010

似乎有缺失的问题。 – GolezTrol

@GolezTrol但是，但它有一个问号 – PeeHaa

我刚刚编辑。 – user1365010

如果你想该div拿起你需要的所有父元素有height设置为100%以及整个页面：

body, html { 
    height:100% 
} 

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

的jsfiddle：什么http://jsfiddle.net/CnJF5/8/

来源

2012-05-22 19:28:31

谢谢！我必须等待5分钟才能将答案设置为已接受的答案。 – user1365010

所有的父母不一定是100％，他们可以是任何东西，他们只需要有一个高度。 –

@JuanMendes是对的，但如果你想让它占据整个页面，他们会这样做。我会编辑我的答案。 –

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

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

来源

2012-05-22 19:29:58 andyb

你必须设置

body, html { 
    height: 100% 
}

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

来源

2012-05-22 19:30:16

试试这个... 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; 
}

来源

2012-05-22 19:30:55 Webnet

简单的jsfiddle示例不起作用

回答

相关问题