在背景中偏移图像

时间:2012-04-09 10:14:50

标签: html css

我知道css非常糟糕。我需要一些帮助 我有div与其他元素:

<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上。我怎么能这样做?
感谢。

1 个答案:

答案 0 :(得分:0)

如果我理解正确的话,我会在第1行之前添加一个div来代表屏幕:

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

在为big_screen设计样式时,这将为您提供更大的灵活性:

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

希望它有所帮助。