代码之家 › 专栏 › 技术社区 › umar

如何使h2背景图像的高度也“动态”

image css

umar · 技术社区 · 17 年前

我有一个1像素宽x 35像素高的图像,我将其设置为 h2 元素。附带的CSS如下:

h2 {
    background:transparent url(./images/h1_bg.gif) repeat-x left top;
    font-size:18px;
}

因此,无论标题的长度是多少,只要标题适合一行,背景都设置为图像。如果标题溢出到下一行,则图像不会设置为更宽区域的背景,因为它只在X方向重复。我想我需要创建另一个图像,例如1px宽x 60px高的图像,并将其设置为两行标题的背景。但是我需要一些方法来检查标题是否是两行标题,这样我可以更改图像背景。我该怎么做?另外,还有其他方法来完成这项任务吗?

2 回复 | 直到 17 年前

Shiva Srikanth Thummidi 17 年前

你可以用高度来达到这个目的。

  if($j("h1").height() > 30)
    {
        $j("h1").css("background","transparent url(./images/h1_bg_0.gif) repeat-x left top")
    }
  else
    {
        $j("h1").css("background","transparent url(./images/h1_bg_1.gif) repeat-x left top")
    }