[問題] 請教高手一些連結方面的問題

看板Web_Design作者 (Ivan)時間13年前 (2011/04/16 19:10), 編輯推噓2(205)
留言7則, 3人參與, 最新討論串1/1
我的網頁按鈕是用圖片取代文字,(都用CSS做) 可是CSS的語法中似乎沒有連結到其他網頁的語法,(像是href=""這種) 只能設定連結的底線、顏色之類的... 以下是其中一個按鈕的部分程式碼: #btn0{background-image:url(picture/button/btn0.png)} #btn0:hover{background-image:url(picture/button/btn0_.png)} ------------------------------------------------------- <li id="btn0"></li> ------------------------------------------------------- 假如我在<li></li>中間插入html語法:<a href="連結">文字or圖片</a>這段程式碼 又會發生一個問題 = = 1.如果是用文字描述該連結的話,文字會蓋在按鈕的圖片上... 2.如果是用圖片來描述該連結的話,那個按鈕就不會變換圖片了乾! 請各位高手們教我該如何在滑鼠點擊該圖片時就可以產生連結 = = -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.45.249.113

04/16 20:04, , 1F
所以是拿圖片還是按鈕當連結...??
04/16 20:04, 1F

04/16 20:44, , 2F
妳應該用<a><img></a>的方法 然後img可以直接放圖片
04/16 20:44, 2F

04/16 20:45, , 3F
或是拿透明的gif檔 在改CSS
04/16 20:45, 3F

04/16 20:46, , 4F
不過..直接把a標籤用CSS改一下好像就可以了
04/16 20:46, 4F

04/16 20:51, , 5F
恩 已上推文請無視 css解法: http://jsfiddle.net/UzP2h/
04/16 20:51, 5F

04/16 20:52, , 6F
重點在display:block跟width、height
04/16 20:52, 6F

04/16 21:19, , 7F
用text-index: -9999em 把文字隱藏
04/16 21:19, 7F
文章代碼(AID): #1DgNaEoU (Web_Design)