[問題] a 標籤裡面包圖片及文字

看板Web_Design作者 (小淺)時間15年前 (2011/02/23 23:06), 編輯推噓1(1011)
留言12則, 4人參與, 最新討論串1/1
http://for2011.muzika.cz/0223/aaa.html 我想用 a 包圖片與文字來當作按鈕,(請看上方區塊) <a href="#"> <div style="width:70px;height:70px"><img src="01.jpg" /></div> <span style="width:90px;display:block;">Google</span> </a> 可是當我在IE 6,7或 IE 8相容檢視模式下, div 加上寬度及高度,span 加上display:block及寬度後超連結就會不正常。 還有我在div裡使用float,到網路上找了clearFix來使用, 可是在IE 7, IE 8相容模式沒有作用。 試了一整個下午,可是還是解決不了, 麻煩各位大大幫我看一下, 謝謝! -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 220.132.189.217

02/23 23:12, , 1F
我懶得開ie確認.. 不過你先把a設display:block看看吧
02/23 23:12, 1F

02/23 23:24, , 2F
superpai大,加上後還是沒有效
02/23 23:24, 2F

02/23 23:34, , 3F
IE的話,a裡面好像不能放DIV喔...
02/23 23:34, 3F

02/23 23:35, , 4F
你可以把DIV改成Span,一樣給他區塊模式
02/23 23:35, 4F

02/24 00:04, , 5F
oj113068大,還是不行
02/24 00:04, 5F

02/24 00:39, , 6F
clearfix要下在ul上
02/24 00:39, 6F
dreamerslab大: 我有把其他東西都刪掉,只保留div->ul->li 也試過把clearfix放在div或ul或者兩個都放,IE 7就是不聽使喚@@ http://for2011.muzika.cz/0223/bbb.html ※ 編輯: On1earth 來自: 220.132.189.217 (02/24 01:35)

02/24 02:31, , 7F
你的clearfix壞掉了,不是inline-table,是inline-block
02/24 02:31, 7F

02/24 02:31, , 8F
然後放在ul就好
02/24 02:31, 8F
謝謝dreamerslab大,改成inline-block就可以了, 當時我有懷疑是clearFix的問題,可是在網路上找了兩、三種版本都不行, 現在才發現找到的都是用inline-table。 我放棄把圖片跟文字放在a裡面了, 原本想說用鍵盤操作時,放在一起可以少按一次Tab, 不過看來要配合圖片垂直置中還真不好處理。 ※ 編輯: On1earth 來自: 220.132.189.217 (02/24 19:18)

02/24 22:27, , 9F
可以試著用js處理wrapper用position:relative,img用
02/24 22:27, 9F

02/24 22:28, , 10F
absolute,js抓每一張img width&height去計算top是多少
02/24 22:28, 10F

02/24 22:32, , 11F
這是在每一張圖片大小不一樣的前提之下.如果大小都一
02/24 22:32, 11F

02/24 22:32, , 12F
樣,直接自己算一下top是多少就可以了
02/24 22:32, 12F
文章代碼(AID): #1DPI9ePj (Web_Design)