Html CSS半/半背景
我到处寻找这个问题的答案。我有一个设计，我正试图使用div和css进行编码。在图像的上半部分有一个从左到右的渐变，颜色不同。我发现的问题是，我可以对半做，我最终能够把图像放在中间，但部分图像隐藏在背景下Html CSS半/半背景,html,css,background,Html,Css,Background,我到处寻找这个问题的答案。我有一个设计，我正试图使用div和css进行编码。在图像的上半部分有一个从左到右的渐变，颜色不同。我发现的问题是，我可以对半做，我最终能够把图像放在中间，但部分图像隐藏在背景下 (http://pretty-senshi.com/final-final.html)我想对#右半部分使用z-index=-1可以解决问题。代替z-index:1在你的#右半部分尝试z-index:-1。我不敢相信这会那么容易！对非常感谢。现在它完全可以工作了！有些事情对您的问题没有帮助，但无论
(http://pretty-senshi.com/final-final.html)我想对#右半部分使用z-index=-1可以解决问题。代替z-index:1在你的#右半部分尝试z-index:-1。我不敢相信这会那么容易！对非常感谢。现在它完全可以工作了！有些事情对您的问题没有帮助，但无论如何都需要解决：您应该有一个doctype声明。没有标签，但你还是要关闭它。如果您首先使用外部样式表，请不要将样式属性添加到body标记中。中心标记已被弃用很长时间了，请尝试margin:0 auto；相反最后，我将研究如何正确嵌套和缩进HTML标记，以便它们易于阅读。做这些事情不仅可以让你的代码在不同浏览器中运行得更好，还可以让你看起来更专业。希望这有帮助。：）
<html> <LINK href="style.css" type=text/css rel=stylesheet> </head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="container"><div id="rightHalf">
</div><center><img src="images/Final-Final_02.png" id="picture"></center>
<div id="header2">
</div>
</div>
</div></div>
@charset "UTF-8";
/* CSS Document */
body {background: url(images/final-final_01.png);
background-repeat:repeat-x;}
div#container {
width:100%;}
picture {z-index: 999;}
#rightHalf {
background: url(images/final-final_03.png);
background-repeat:repeat-x;
width: 50%;
position: absolute;
right: 0px;
height: 100%;
z-index: 1;
}