- 閱讀權限
- 10
- 最後登錄
- 10-6-22
- 精華
- 0
- UID
- 434171
- 帖子
- 51
- 積分
- 43
- 註冊時間
- 05-6-22
- 在線時間
- 90 小時

- UID
- 434171
- 帖子
- 51
- 積分
- 43
- Good
- 0
- 註冊時間
- 05-6-22
- 在線時間
- 90 小時
|
有辦法可以做到兩張背景,其中一張細一點的背景圖,蓋在大的那張上面嗎?
我是用無名的~
以下該段css
------------------------------------------------------------------------------------------------------------------------------------------
/*--基本設定--*/
body
{
margin:0;font-size:12px;color:#fff;
background:#000 url(http://xbe.xanga.com/45af25e513c32244851970/m194086911.jpg) fixed right top no-repeat;
padding-top:7%;font-family:Georgia, "Times New Roman", Times, serif;
}
------------------------------------------------------------------------------------------------------------------------------------------
這張我想全個畫面重複著 http://hiphotos.baidu.com/so%EB%E0/pic/item/d700de030e0a677f3812bb45.jpg)
這張我想放在上面果層 , 放係右下角 固定的 http://xbe.xanga.com/45af25e513c32244851970/m194086911.jpg
------------------------------------------------------------------------------------------------------------------------------------------
有高手可以教教我嗎?
css
----------------------------------------------------------
/*
Produced by [ waitingchou ]
2009.05.17
*/
/*--基本設定--*/
body
{
margin:0;font-size:12px;color:#fff;
background:#000 url(http://xbe.xanga.com/45af25e513c32244851970/m194086911.jpg) fixed right top no-repeat;
padding-top:7%;font-family:Georgia, "Times New Roman", Times, serif;
}
div, ol, ul, li, p, img, dd, dl, dt {margin:0;padding:0;border:none;list-style:none;}
a:{text-decoration:none;color:#c76a51;}
a:hover {text-decoration:underline;color:#feea62;}
p
{
background-image:url(http://hiphotos.baidu.com/so%EB%E0/pic/item/d700de030e0a677f3812bb45.jpg);
background-repeat:repeat;
}
/*--總區域--*/
#bigcontainer {width:860px;margin:0 auto;padding-right:250PX;}
/*--banner 標題區塊--*/
#banner {
position:relative;margin:5px 0 10px;
background-image:url(http://hiphotos.baidu.com/so%EB%E0/pic/item/d700de030e0a677f3812bb45.jpg);
background-repeat:repeat;
width:700px;
}
#pageheader h1 {
line-height:1.0em;margin:0;padding:5px 0 14px 0;font-size:20px;}
#pageheader h1 a {display:block;color:#f3bf3c;}
#pageheader h1 a:hover{color:#feea62;}
#pageheader h1 span{font-size:15px;font-weight:normal;}
#pageheader #description2{color:#666;font-weight:bold;font-size:13px;}
/*--側邊連結選單--*/
#links {width:230px;float:left;margin-top:25px;overflow:hidden;}
#links a{color:#7f604c;}
.sidetitle {padding:6px;color:#97704b;background:#22160E;margin:10px 0;
background-image:url(http://hiphotos.baidu.com/so%EB%E0/pic/item/d700de030e0a677f3812bb45.jpg);
background-repeat:repeat;}
.side {color:#a5a5a5;padding:6px;line-height:1.3em;margin-bottom:10px;}
/*--主內容區塊--*/
#content {width:580px;float:right;background:#000;
background-image:url(http://hiphotos.baidu.com/so%EB%E0/pic/item/d700de030e0a677f3812bb45.jpg);
background-repeat:repeat;
filter:alpha(opacity=80);opacity:0.8;padding:10px 20px;line-height:1.5;}
.blogbody {border-bottom:1px solid #b4b4b4;margin-bottom:12px;}
.date {font-size:11px;color:#444;margin-bottom:11px;}
.innertext {padding:40px 0 0;width:580px;overflow:hidden;}
.articletext .title {
margin:0;
padding:10px 30px;
display:inline;
font-size:15px;
color:#000;
background:#c76a51;
line-height:1.8;
}
.extended{margin-top:10px;}
.posted {margin-bottom:40px;}
.clearfix{margin-top:20px;}
body #content #push{float:right;}
body .bookmark {clear:both;display:block;text-align:left;padding:0;}
body #article_counter, body #reading{text-align:left;}
.comments-head{
padding:5px 80px 5px 30px;
font-weight:bold;
display:inline;
font-size:13px;
color:#000;
background:#c76a51;
}
.comments-bottom .comments-head{padding-right:150px;}
body .comments-body{padding-left:0;}
body .comments-author{background:#111;color:#fff;}
body .comments-author .comments-post{color:#fff;}
body .trackbacks-post, .comments-post{color:#666;}
body .comments-body {border-bottom:1px solid #222222;}
[[i] 本帖最後由 幻龍特工 於 2009-6-3 05:52 PM 編輯 [/i]] |
|