2014-01-22 119 views
0

即時圖像試圖在這兩個圖像上添加相同的鏈接,這是因爲我有一個邊框箱和一個主頁按鈕,它們都是圖像和主頁圖像層疊在邊界的頂部。CSS:2個圖像分層放在兩個圖像上,在兩個圖像上放置鏈接

現在只有邊框有一個鏈接,所以當我點擊它時,你必須避免主圖標圖像,因爲它不會做任何事情,並按下邊框。

我想讓兩個圖像都轉到同一個鏈接。下面是代碼:

#pageTop > #pageTopWrap > #select { 
    background: url(../img/style/selection_bg.png) no-repeat bottom; 
    width: 89px; 
    height: 40px; 
    position: absolute; 
    bottom: -1px; 
} 
#pageTop > #pageTopWrap > #select:hover { 
     background: url(../img/style/selection_bg_hover.png) no-repeat bottom; 
} 
#pageTop > #pageTopWrap > #home { 
    background: url(../img/icons/home_icon.png) no-repeat; 
    width: 32px; 
    height: 26px; 
    float:left; 
    margin-top: 50px; 
    margin-left: 27px; 
    position:relative; 
    bottom: 0px; 
} 

<div id="pageTop"> <a href="http://www.google.com/" title="base" id="logo"></a> 
    <div id="pageTopWrap"> <a href="http://www.google.com/" title="Go to home" id="select"></a> 
    <div id="home"> 
    </div> 
    </div> 
</div> 

回答

0

由於2鏈接要去同一個地方爲什麼不1個鏈路

<div id="pageTop"> 
    <a href="http://www.google.com/" title="base" id="logo"> 
     <div id="pageTopWrap"> 
      <div id="home"></div> 
     </div> 
    </a> 
</div> 
一切包裹