的Html標記背景

我試圖讓一個HTML CSS德國國旗的背景，它是一種很難。我試着在身體前後使用，並在裏面放置一個80％高度和50％寬度的白色部分。它應該在屏幕中間，所以我排在前50％，剩下50％，但結果非常糟糕。該部分是所有文章都應該這樣的地方，所以它就像白色空間，z指數比身體大，所以它就像旗子上的白色。的Html標記背景

UPDATE

的jsfiddle：http://goo.gl/aCjHnK

來源

2013-11-03 user2563892

你可以張貼一些代碼？也許可以使用jsfiddle.com向我們展示你現在擁有的東西 –

我得到它之前的工作::和::之後：

中古立式堆棧：

#background { 
    width: 100%; 
    height: 100%; 
    background: red; 
    position: absolute; 
    top: 0; 
    left:0; 
    z-index:-1; 
} 
html, body { 
    margin: 0; 
    width: 100%; 
    height: 100%; 
} 
#background::before { 
    content: ''; 
    width: 100%; 
    height: 33.33%; 
    background: black; 
    position: absolute; 
    top: 0; 
    left:0; 
} 

#background::after { 
    content: ''; 
    width: 100%; 
    height: 33.33%; 
    background: gold; 
    position: absolute; 
    bottom: 0; 
    left:0; 
}

水平堆棧：

#background { 
    width: 100%; 
    height: 100%; 
    background: gold; 
    position: absolute; 
    top: 0; 
    z-index:-1; 
    left:0; 
} 
html, body { 
    margin: 0; 
    width: 100%; 
    height: 100%; 
} 
#background::before { 
    content: ''; 
    width: 33.33%; 
    height: 100%; 
    background: blue; 
    position: absolute; 
    top: 0; 
    left:0; 
} 

#background::after { 
    content: ''; 
    width: 33.33%; 
    height: 100%; 
    background: red; 
    position: absolute; 
    top: 0; 
    right:0; 
}

來源

2014-07-24 10:23:06 user2563892

這裏是一個可行的解決方案，我認爲這是更容易。如果你想用前後實現這一點，請出示你的代碼，使我們能夠幫助

<html> 
<head> 
<style type="text/css"> 
#black, #red,#gold {width: 150px; height:25px;} 
#black{background: black} 
#red{background:red} 
#gold{background:gold} 
</style> 
</head> 

<body> 

<div id="black"></div> 
<div id="red"></div> 
<div id="gold"></div> 
</body> 

</html>

來源

2013-11-03 15:09:01 xhallix

的Html標記背景

回答

相關問題