哪种方式更好?使用背景图像或使用绝对定位?

时间:2013-09-17 21:18:30

标签: html css wordpress seo

我正在开发一个Wordpress网站,我需要将徽标与下面的横幅图片重叠。

在同事和Stack Overflow用户的帮助下,我现在有两个解决方案,允许我的布局按预期呈现。

  1. 横幅中的图像呈现为背景图像。因为这是一个Wordpress网站,我将不得不使用内联css。 Link.

  2. 导航和下面的横幅绝对定位。 Link.

  3. 解决方案#1的问题:

    我意识到,如果将图像渲染为背景图像,它将不那么SEO友好,当然对屏幕阅读器等用户不太友好,因为它不会有alt或标题标签。

    解决方案#2的问题:

    我发现绝对定位并不像跨浏览器一样可靠(这可能在我的脑海中)。这个方法还需要一些额外的标记和css类,我不喜欢这样做。

    您认为哪种方式更好?出于什么原因?

1 个答案:

答案 0 :(得分:1)

我认为你的问题没有明确的答案。

但请记住,如果要打印页面,背景图像将不会被渲染,但绝对图像将会被渲染。

在我看来:你应该问问自己这个图片是否是你网站内容的一部分,或者只是一个不错的视觉风格。 如果它的部分内容:使用绝对定位技术,否则:使用背景。