HTML HREF的CSS即問題

 
<style type="text/css"> 
.web_westloh { 
background-image: url(images/web_westloh.png); 
background-repeat: no-repeat; 
height: 100px; 
width: 350px; 
} 
.web_westloh:hover { 
border-bottom-width: 2px; 
border-bottom-style: dashed; 
border-bottom-color: #999999; 
padding-bottom: 5px; 
} 
.web_money { 
background-image: url(images/web_money.png); 
background-repeat: no-repeat; 
height: 100px; 
width: 350px; 
} 
.web_money:hover { 
border-bottom-width: 2px; 
border-bottom-style: dashed; 
border-bottom-color: #999999; 
padding-bottom: 5px; 
} 
</style> 

<a href="http://www.westloh.com" title="Click to Visit http://www.westloh.com" target="_blank" class="web_westloh"> 
    <div class="web_westloh"></div> 
</a> 
<a href="http://www.money-mind-set.com" title="Click to Visit http://www.money-mind-set.com" target="_blank"> 
    <div class="web_money"></div> 
</a>

存在的問題是：
在Mozilla聯是確定。沒問題。
但是在IE中這個鏈接是個問題，它不會鏈接到目標中。

看到該頁面看到的問題：http://replytowest.com - >在底部。

謝謝HTML HREF的CSS即問題

來源

2010-05-14 Jorge

添加到您的樣式表：

#content_sub_text a { 
    position: relative; 
    cursor: pointer; 
}

來源

2010-05-14 04:39:33 Jasuten

謝謝。這工作。非常感謝。 – Jorge 2010-05-14 04:41:32

我不知道這是否會解決您的問題，但如果你有一個完全空白的div奇怪的事情都可能發生。嘗試在<div>標籤內放入一個 ，看看是否有幫助。

來源

2010-05-14 04:19:45 eykanal

仍然沒有工作。我也試過onclick =「javascript：location.href ='location.html'」>。也沒有工作。 – Jorge 2010-05-14 04:27:31

將一個href標籤放在div標籤內。這應該解決它。

來源

2010-05-14 04:27:40 Ashmir

仍然無法正常工作。謝謝你的回覆， – Jorge 2010-05-14 04:28:31

將<div>置於<a>之內無效HTML（a是嵌入式元素，div是塊級元素）。用具有display: block的跨距替換div。

可能不相關，但onclick處理程序應該返回false以在兩個窗口中同時打開頁面。

來源

2010-05-14 04:39:06 Tgr

首先的a是inlne元素。一個div是一個鎖定元素。塊級元素不是內聯元素的有效子元素。

最後div是完全不需要的。只是這樣做：

<style> 
a.button, a.button:link, a.button:visited {display: block; width: 350px; height 100px;} 
a.button:hover, a.button:active { 
    border-bottom-width: 2px; 
    border-bottom-style: dashed; 
    border-bottom-color: #999999; 
    padding-bottom: 5px; 
} 

a.web_westloh { 
    background-image: url(images/web_westloh.png); 
    background-repeat: no-repeat; 
} 

a.web_money { 
    background-image: url(images/web_money.png); 
    background-repeat: no-repeat; 
} 

</style> 

<a class="button westloh" href="http://www.domain.com" title="link title"></a> 
<a class="button web_money" href="http://www.domain.com" title="link title"></a>

來源

2010-05-14 04:45:44 prodigitalson

謝謝。它也有效！ – Jorge 2010-05-14 05:02:47

給顯示：塊;在鏈接屬性..

希望這有助於
阿維納什

來源

2010-05-14 04:48:29 Avinash

HTML HREF的CSS即問題

回答

相關問題