【问题标题】:div and background image?div和背景图片?
【发布时间】:2011-12-15 08:31:32
【问题描述】:

我在使用带有 url('location') 值的背景属性和 div 元素时遇到问题。所有浏览器都不显示 div 标签内写入的任何内容的背景图片。

代码:

HTML: body 有一个带有 class= slide 的 div 标签。这个 div 标签包含一些内容和链接。

CSS: div.slide { margin: 0 auto; background: url(images/btnslide.gif); }

请帮我找出错误。也许我误用了 div 标签。请指出上述问题的解决方法

提前致谢

【问题讨论】:

  • 图片是否存在于该路径下?你 100% 确定吗?

标签: css html background-image


【解决方案1】:

您要么没有为 .slide 元素设置高度,要么没有为 .slide 中的元素清除浮动。如果您想清除 <div> 中的浮动,请尝试设置高度或添加 overflow: auto。

【讨论】:

  • 另外,请考虑检查图像的路径 - 这些图像是相对于 CSS 所在的目录选择的。
  • thanks wex.. 问题是 css 和图像位于不同的目录中,我编写的路径与主目录中的 html 文件相关
  • 当然。如果您觉得它可以帮助您解决问题,请接受此解决方案:)
【解决方案2】:

默认情况下这段代码应该可以工作,因为每个人都说其他地方有问题。

要么高度错误,要么图片不存在。

究竟是哪些浏览器失败了?

如果您愿意,可以尝试使用完整的语法编写 CSS: background: url(..) top left repeat;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-11
    • 2019-10-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多