2013-07-31 57 views
2

我在覆蓋轉角處的引導標籤。在轉角處覆蓋引導標籤

我想將標籤放在div的左上角,就像覆蓋div和零件的部分一樣。

感謝

 <div class="span4" style="border-bottom: none; border-top: 4px solid #28A197;"> 
      <h3>Quick Links</h3> 
     <div class="row"> 
     <div class="span2"> 
<div class="quickbtn"> 
<p><a href="#wirelessnetworkinfo" data-toggle="modal"><img src="images/icons/wirelesssignal.png" /></p> 
<p>Wireless Network Information</a></p> 
</div> 
<br /> 
<div class="quickbtn"> 
<p><a href="http://mail.google.com" target="_blank"><img src="images/icons/gmail.png" /></p> 
<p>Gmail</a></p> 
</div> 
     </div> 

     </div> 
    <span class="label label-important">UPDATED</span> 

</div> 

Heres the JSFiddle of the coding etc. with example label ready for placement and the CSS for the div in question (button)

+0

哪兒你需要它,在Gmail按鈕裏面? –

+0

@koala_dev只是在按鈕的角落,所以一些進出按鈕 – JPD

回答

4

.quickbtn .label.quickbtnposition: absolute使用position: relative,您可以將標籤進行絕對定位裏面.quickbtn

小提琴:http://jsfiddle.net/Pq6JL/1/


作爲您的文章是不明確的,我加入了以下內容:

如果你想在標籤的.quickbtn懸外,設置了負topleft.label的位置:

.quickbtn .label { 
    position:absolute; 
    left: -4px; 
    top: -3px 
} 

小提琴:http://jsfiddle.net/Pq6JL/3/

+0

就是這樣!謝謝! – JPD