为什么我的webkit渐变删除了我的span元素？

Question

这是我的代码：

<h3><a href="#" title="Desserts">Desserts</a> <span>+</span></h3>

这是伴随上述代码的风格：

#our_menu h3 span {
color: #eee;
display: block;
float: right;
font-size: 11.5pt;
margin-top: -25pt;
margin-right: 10pt;
text-shadow: 0px 1px 0px #240d00; }

#our_menu h3:first-child a {
border-top: 1px solid #692601;
background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.1, rgb(201,86,19)),
    color-stop(1, rgb(159,58,0))
); }

这是在我正在构建的移动网站上使用，由于某种原因，跨度被webkit渐变所杀死。以前有没有经历过这样的事情？如果我删除了渐变，则会再次出现跨度:(

谢谢！

Answer 1

想出来。跨度不是链接的一部分，渐变样式将应用于跨越跨度顶部的链接。我用z-index创建了span相对，它工作正常。好悲伤。