【问题标题】:Is it possible to have a single div with 1 background image repeating at seperate sections?是否可以在单独的部分重复具有 1 个背景图像的单个 div?
【发布时间】:2011-08-09 04:17:33
【问题描述】:

让我解释一下。

我有一个名为 main 的 div。在这个 div 中你会找到 h1 标签和 p 标签。

在 div 的顶部,有一个渐变。再往下,图像将淡入带有边框的纯白色(这意味着我不能只使用 no-repeat 然后 #FFF 作为背景颜色)。

因此,我想知道是否可以让白色部分永远持续下去,而无需制作非常大的图像,也无需创建新的 div。

注意:h1 和 p 标签是透明的。

【问题讨论】:

  • 你的意思是,你的边框在图像中?
  • 使用带有 'border' 属性的 CSS(除非你在某些脚本中加入),边框是不可能的,它有渐变等,从左到右。

标签: css background


【解决方案1】:

是的……看这个例子。 http://techknack.net/css-trick-two-background-images/

你也可以这样做..

#id_test{
background-image: url(../pix/logo_quirksmode.gif), url(../pix/logo_quirksmode_inverted.gif);
}

【讨论】:

  • 我将测试两者,看看哪个最适合我(查看、编辑、标记等)。谢谢,我会看看他们如何为我工作:)
  • 要添加,我认为您必须添加background-position: top, bottom; background-repeat: no-repeat, repeat-y; 以获得更好的用户界面
猜你喜欢
  • 2021-09-22
  • 2015-12-08
  • 2012-01-21
  • 2021-12-07
  • 1970-01-01
  • 1970-01-01
  • 2021-10-17
  • 2020-09-29
  • 2019-07-17
相关资源
最近更新 更多