點擊顯示範圍

我試圖隱藏另一個跨度下的跨度，當有人點擊最上面的跨度時，它應該消失並顯示下面的內容。點擊顯示範圍

我的HTML：

<span id="couponCode" style="display:inline-block;border:2px dashed;padding:5px;margin:5px;background:#EE4000;color:white;height:20px;text-align:center;">{{ i.couponCode }}</span><span class="cTs">Click to see code</span>

我的CSS：

.cTs 
{ 
    left :0px; 
    padding:10px; 
    height:50px; 
    color:white; 
    width: 100px; 
    position: relative; 
    background: black; 
}

，但我無法定位在第一跨度......而是出現在第一區間的權利.. .. can someone can help me ...

來源

2013-06-03 vaibhav jain

你可能需要定位'點擊查看code'使用絕對定位。查看[絕對定位]的結果（http://jsfiddle.net/hJ983/）。根據需要調整它。 –

將容器內的元素包裝在position: relative;容器中，並使用position: absolute;與top和left值fo [R內部元素

div { 
    position: relative; 
} 

div span { 
    position: absolute; 
    top: 0; 
} 

div span:nth-of-type(1) { 
    z-index: 1;  
} 

div span:nth-of-type(2) { 
    top: 10px; 
    left: 25px; 
}

Demo

使用的onclick事件

來源

2013-06-03 05:40:12

點擊顯示範圍

回答

相關問題