Question

I ve got a page,显示我的照片组合。我试图在案文上做一个分类梯度,除第一个链接外,它还在工作。 The html:

<h1><a href="portfolio/engagements"><span></span>engagements</a>  | </h1><br>
<h1><a href="portfolio/weddings"><span></span>weddings</a>  |  </h1>    <br>
<h1><a href="portfolio/bridals"><span></span>bridals</a>  |  </h1>  <br>
<h1><a href="portfolio/families"><span></span>families</a>  |  </h1>    <br>
<h1><a href="portfolio/seniors"><span></span>seniors</a>  </h1>     <br>

这里的 j叫是:

$(".jquery h1").prepend("<span></span>");

这里还有:

.gradient4 span {
    background: url(images/gradient-dark.png) repeat-x;
    position: absolute;
    bottom: -0.1em;
    display: inline;
    width: 100%;
    height: 29px;
}

问题Im在于,除第一个链接(目前参与)外,所有游轮都具有梯度效应。第一种联系为什么没有发挥作用的想法?

Answer 1

这比起设计问题要多,但是为了让大家了解正在发生的情况,即:<代码><span>要素,即提供梯度过继而移至左边。

这里有一只炸弹。

看看蓝色盒子是左边的。这造成你超支。它的定位是不正确的。

alt text http://dalewhalen.com/stackoverflow/grad_overlay.png

Answer 2

我认为,问题在于,如果你先拿到<条码>和代号;,然后定出职位:绝对值,第一个要素是继承其上级和左上的价值,在这种情况下,就出现在左上。而不是使用<代码><span>s,为什么不操纵<h1>,使用添加Class,删除班级。其 h状态将作为<代码><h1类别=“梯度”>,其正常状态为:<h1>。

友情链接