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