CSS半/半背景

Question

我已經搜索了每個地方的答案。 我有一個設計，我試圖使用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;
}

Answer 1

我想使用#rightHalf的z-index = -1將解決問題。

CSS半/半背景

問題描述

1 個解決方案

解決方案1
2 2012-11-17 02:57:49

CSS半/半背景

問題描述

1 個解決方案

解決方案1 2 2012-11-17 02:57:49

解決方案1
2 2012-11-17 02:57:49