Question

我有三个div标签用于显示标题图片。

首先div将左对齐徽标
第三个div将具有右对齐徽标
中心div应重复调整屏幕宽度的空白背景图像。

我为中心div标记提供了100％的宽度。它在IE中工作，而在Chrome中，中心标签扩展了屏幕宽度。背景图像将屏幕宽度扩展为第一个和最后一个div标记的长度。例如，如果第一个和最后一个图像是20％，我希望中心div调整为60％，但在Chrome中，它首先占用140％20 + 20，最后一个占100％，中间标签占100％。

需要帮助！

Answer 1

我认为你的CSS就是问题所在。好好看看这个片段。工作良好。：）

＆＃13;

.left {
  width: 9%;background-image:url("http://www.rachelgallen.com/images/skype.jpg");  background-repeat:no-repeat;background-position:top left;}
  .right {
    width: 9%;background-image:url("http://www.rachelgallen.com/images/email.jpg");  background-repeat:no-repeat; background-position:top right;}
    .middle {
      width: 80%;background-image:url("http://placehold.it/400x400"); background-repeat:repeat-x; height:150px; background-size:contain;}
      header {
        width: 100%;
        height: 150px;
        vertical-align: top;
        margin: 0!important, padding: 0!important;
      }
      .left,
      .right,
      .middle {
        display: inline-block;
        height: 150px;
      }

＆＃13;

<header>
  <div class="left">&nbsp;</div>
  <div class="middle">&nbsp;</div>
  <div class="right">&nbsp;</div>
</header>

＆＃13;

Chrome背景图片问题

1 个答案: