簡單的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示例不起作用

回答

相關問題