html - 在背景中偏移图像

标签 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-25 像素。我该怎么做?
谢谢。

最佳答案

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

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

这将为您在设置大屏幕样式时提供更大的灵 active :

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

希望对您有所帮助。

关于html - 在背景中偏移图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10071784/

相关文章:

html - 气泡(聊天)框 css3

html - 使用 CSS 将 35 度徽章剪切成图像

javascript - 如何更改 Javascript 上 DIV 标签的类?

javascript - 从菜单列表中的单独 url 加载 html 元素

javascript - Bootstrap 模态未显示。如何解决?

javascript - 如何删除背景图像溢出?

JavaScript/Html - 更改 8 位小数后的字体大小/颜色

php - 网站上的个性化 RSS 源

javascript - 我如何处理 Bootstrap div 折叠和展开的奇怪行为

css - 子边框低于父边框