Question

奇怪的问题，我不太确定...另外，如果我不正确地搜索SEO，请随时纠正我，因为这对我来说相对较新。

我有几个h3标签，我用图像替换它们使它们更漂亮。我仍然在标签之间有文字，但我已经使字体大小为0，希望搜索蜘蛛仍会注册它们。

当然，FF中的一切看起来都很好（即图像是左对齐的），但在IE中图像是居中的，我不确定如何修复它们。我曾希望背景位置可以解决这个问题，但它仍然是中心对齐的。

**style.css**
h3 {
  font-size: 0px;
}

h3#provide {
  background: url('provide.png') no-repeat;
  background-position: top left;
  width: 234px;
  height: 38px;
}

.object_wrapper {
  margin: 10px auto 0px auto;
  padding: 10px;
  width: 400px;
}


**index.php**
<div class="object_wrapper">
  <h3 id="provide">h3 text</h3>
  <p>
    text text text
  </p>
</div>

Answer 1

可能问题是由边距/填充引起的。如何添加

h3#provide {
    margin: 0;
    padding: 0;
}

Answer 2

合并您的background和background-position属性。我不知道它是否会解决任何事情，但看起来更清洁。

h3#provide {
  background: url('provide.png') no-repeat;
  background-position: top left;
  width: 234px;
  height: 38px;
}

可能（并且应该）：

h3#provide {
  background: url('provide.png') no-repeat top left;
  width: 234px;
  height: 38px;
}

也许它因为.object_wrapper的自动边距而居中。似乎不太可能，但也许这加上亚历山大的解决方案将解决它。

Answer 3

您只显示了CSS和HTML的片段。

如果IE要以更标准的方式运行，请不要忘记DOCTYPE很重要。

在IE中集中的h标记的背景图像

3 个答案: