3

我到处寻找这个问题的答案。我有一个设计，我正在尝试使用 div 和 css 进行编码。图像的上半部分有一个渐变，从左到右呈不同的颜色。我发现的问题是我可以做到一半一半，并且我最终能够使图像居中，但其中一部分隐藏在背景之下。

(http://pretty-senshi.com/final-final.html) <-- 到目前为止的设计样本

http://pretty-senshi.com/original.png <-- 原始设计

http://pretty-senshi.com/gradient.png <-- 只需要在 X 轴上重复的背景渐变。

<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>

CSS是：

@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;
}
4

1 回答 1

2

我想使用 z-index = -1 作为#rightHalf 将解决问题。

于 2012-11-17T02:57:49.527 回答