2012-04-09 30 views
0

我知道css非常糟糕。我需要一些幫助。
我已經分度,其它元素:來抵消backgorund中的圖像

<div class="place_section" style="height:375px;" data-session="3" data-client="2"> 
    <div class="row">1</div> 
    <div id="3" class="place place_type1" data-place="[l=1;f=0;r=1;p=1]"> 
     <div class="center_chair"> 
     <span class="left_chair"></span> 
     <span class="right_chair"></span> 
     </div> 
    </div> 
    // other divs 
</div> 

這是css

.place_section { 
    background: url("/content/images/screen_bg.png") 0 0 repeat-x;  
    margin: 0 auto; 
    margin-top: 40px; 
    position: relative; 
} 

這是截圖它的外觀: enter image description here

我想偏移圖像(藍線)在右邊,大約20-25px。我怎樣才能做到這一點?
謝謝。

+0

你想讓4號線右移一點? – Jack 2012-04-09 10:27:32

+0

不,主(根)div有背景(頂部藍線),我想將它抵消到右邊。 – user348173 2012-04-09 10:34:55

+0

您的保證金頂部應該是保證金 - 我猜是因爲您使用保證金:0自動(這意味着0從頂部),那麼爲什麼你再次給予保證金頂:40px? – Jack 2012-04-09 10:38:25

回答

0

如果我正確理解你,我會ROW1前添加一個div表示屏幕:

.big_screen { 
    background: url("/content/images/screen_bg.png") 0 0 repeat-x;  
    margin: ...;  
} 

希望它:

<div class="place_section"> 
    <div class="big_screen"> 
    <div class="row"> ... </div> 
    <div class="row"/>... </div> 
</div> 

造型的big_screen時,這可以讓你擁有更大的靈活性幫助。