[英]ie7 - display link as image doesn't work
我有標簽,並且側面有圖像。 當您點擊圖片時,需要鏈接到包含標簽的提示ID
<a href="gallery/">
<div class="gal_thumb">
<div class="img_thumb">
<img src="image/small.jpg" alt="link_image"/>
</div>
<div class="gal_title">To gallery</div>
</div>
</a>
在所有瀏覽器上都可以正常工作,但在IE7上卻無法正常運行IE7:當我瀏覽圖像時,它在鏈接的左下角顯示該鏈接,當我單擊它時,bot直到單擊外部或標題才響應。
更新:這是我的CSS
.gal_thumb {
float: left;
width: 156px;
}
.img_thumb {
float: left;
height: 122px;
margin-bottom: 5px;
margin-left: 9px;
position: relative;
width: 147px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 3px;
line-height: 120px;
text-align: center;
}
.img_thumb:hover{
background: #6E6E6E;
}
.gal_title {
margin-left: 9px;
text-align: center;
width: 147px;
padding-bottom: 10px;
}
您最好使用以下模式:
<a href="gallery/">
<img width="20" height="20" border="1" src="image/small.jpg" alt="link_image"/>
<div class="gal_title">To gallery</div>
</a>
然后使用display:block
, float:left
並定義A
標簽的寬度。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.