Div與背景顏色重疊與鏈接的div

我有兩個div使用z-index一點點的問題。我創建了一個名爲topbar的div，其中z-index: 1和另一個名爲「socialbuttons」的圖標是z-index: 2，它與Facebook和Twitter有圖像鏈接。但是，頂欄與soc按鈕重疊，我既看不到也不點擊社交按鈕。我已經搜索了互聯網，並盡我所能，但我仍然堅持同樣的問題。任何幫助將不勝感激。這是我的HTML代碼Div與背景顏色重疊與鏈接的div

<div id ="topbar" 
    style="height: 56px; width:95%; background-color:#002268; z-index:-1; position:relative; top: -6px; left: -1px;"> 
</div> 

<div id= "socialbuttons" 
    style= "position:relative; z-index: 1000; top: 15px; left: 770px; height:53px; width: 249px; margin-bottom: 0px;"> 

    <a href="https://twitter.com" target="_blank"> 

    <img alt="" src="images/twitter.png" 


     style="position:absolute; top: 0px; left:40%; height:49px; width: 59px; z-index:1000"/></a><a href="https://www.facebook.com" target="_blank"><img alt="" src="images/fbook.png" 

style="position:relative; width:50px; height:49px; top: 0px; z-index:1000"/></a></div>

JSFIDDLE

來源

2014-03-14 user3418385

您是否正在使用任何外部CSS文件？因爲你的代碼適合我。檢查此http://jsfiddle.net/chankeypathak/29sk4/1/ –

我已經刪除了css文件，但仍然沒有運氣。它在VS 2010的設計模式下工作得很好，但不適用於我的任何瀏覽器。我真的很難過！ – user3418385

您是否正在將社交媒體圖標置於頂部欄部分？如果是這樣，爲什麼你可以把代碼放在div頂部？ –

我覺得這個相對位置是你在找什麼

<div id ="topbar" style="height: 56px; width:95%; background-color:#002268; z-index:-1; position:relative; top: -6px; left: -1px;"> 
    <a href="https://twitter.com" target="_blank"> 
     <img alt="" src="https://cdn1.iconfinder.com/data/icons/yooicons_set01_socialbookmarks/48/social_twitter_box_white.png" style="float:right; height:49px; width: 59px;"/> 
    </a> 
    <a href="https://www.facebook.com" target="_blank"> 
     <img alt="" src="https://cdn1.iconfinder.com/data/icons/yooicons_set01_socialbookmarks/48/social_facebook_box_white.png" style="width:50px; height:49px;float:right;"/> 
    </a> 
</div>

Fiddle

來源

2014-03-14 05:27:32

只是刪除從socialbuttons

Here is the working link

<div id="socialbuttons" style="z-index: 1000; top: 15px; left: 770px; height:53px; width: 249px; margin-bottom: 0px;">

來源

2014-03-14 04:56:48

那麼我可以看到它在設計模式下正常工作，但它在運行時不起作用https://imagizer.imageshack.us/v2/1028x56q90/545/cnpz.jpg運行時截圖https：/ /imagizer.imageshack.us/v2/1306x110q90/401/f3xx.jpg – user3418385

然後你的其他結構造型會產生問題，如果它在設計模式下工作的很好 –

Div與背景顏色重疊與鏈接的div

回答

相關問題