Re: [問題] 製作整塊的連結

看板Web_Design作者 (我是 Jono)時間17年前 (2007/04/03 22:16), 編輯推噓1(100)
留言1則, 1人參與, 最新討論串2/2 (看更多)
※ 引述《kaihsyn (新)》之銘言: : http://docs.mootools.net/files/Effects/Fx-Elements-js.html : 左邊的選單 : 舉"Core"選項 : 除了文字的部份 : 左邊藍色空白處也可以點按 : 我一直沒辦法做出這樣子整塊可以點按的連結 : 開了原始碼之後發現其實只是類似的<div><a>內容</a></div> : 不知道是不是用css可以做出這樣的效果 : 請指點一下菜鳥我 : 謝謝 這空白 IE6 的確是沒辦法按下去的,因為對 anchor 來說 <a></a> tag 的 display : block 屬性雖然把範圍放大到了 block , 但是可以按的 地方還是只有在你連結的字上面,這一點在 Firefox 和 IE6 上,表現不 一樣. 原 po 放的 link如果用 IE6 開和用 Firefox 開,core 那個link很明顯 Firefox 可以整個按,IE 不行 ; 如果想要兩種 browser 都可以用的話, 可以試試把<a></a> tag 的 css 加入 padding 屬性,把外面的 <div> 撐開,這樣就可以了 比如 : <a href="..." class="anchor">test link</a> .anchor { padding : 0 100px 0 100px ; } -- 我的雙B : http://jono058777.blog93.fc2.com/ http://jono058777prime.blog77.fc2.com/ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 59.126.44.151

04/04 00:42, , 1F
感謝, 學到了display:block的用法. 解了我心頭的問題. XD
04/04 00:42, 1F
文章代碼(AID): #164c7OI4 (Web_Design)
討論串 (同標題文章)
文章代碼(AID): #164c7OI4 (Web_Design)