为什么我的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做了跨度，它工作正常。好悲伤。