Question

我在每个地方都搜索过这个答案。我有一个设计，我试图使用div和css编码。图像的上半部分有一个从左到右形成的渐变，颜色不同。我发现的问题是我可以做到这一半，我能够最终将图像放到中心但部分隐藏在背景之下。

（http://pretty-senshi.com/final-final.html）＆lt; - 迄今为止的设计样本

http://pretty-senshi.com/original.png＆lt; - 原始设计

http://pretty-senshi.com/gradient.png＆lt; - 仅需要在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;
}

Answer 1

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

CSS半/半背景

1 个答案: