Re: [問題] 圖片被點到會變色如何做

看板Web_Design作者 (killer bee)時間17年前 (2008/10/10 23:44), 編輯推噓1(101)
留言2則, 2人參與, 最新討論串4/5 (看更多)

10/04 17:25,
CSS就可以做到了
10/04 17:25
我試圖使用adamp3網友所提供的這個功能 我需要的是直的 所以我就自己手動改 改完發現在IE顯示是正常 但在firefox上卻怪怪的 會在每一個button多了一個新的分行 因為我對css語法沒有很熟 所以想請問一下我是不是哪邊做錯了? 把語法附在下面 請幫我看一下 感謝 <style type="text/css"> body { margin:0; padding:0; font: 12px Verdana; } #tabsF { width:100%; background:#FFFFFF; font-size:93%; line-height:normal; } #tabsF ul { float:none; margin:0; padding:10px 10px 0 5px; list-style:none; } #tabsF li { display:inline; margin:0; padding:0px; } #tabsF a { background:url("button-left.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsF a span { display:block; background:url(\"button-right.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsF a span {float:none;} /* End IE5-Mac hack */ #tabsF a:hover span { color:#FFF; } #tabsF a:hover { background-position:0% -42px; } #tabsF a:hover span { background-position:100% -42px; } </style> <div id=tabsF> <ul> <li><a href="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" title="Link 1"><span>Link 1</span></a></li> </li> </ul> </div> -- Denish http://www.denish.tw -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 203.67.221.184

10/11 18:26, , 1F
方便附上你所看的的截圖嗎?
10/11 18:26, 1F

10/11 20:19, , 2F
請參考 謝謝你的回應 http://0rz.tw/684Tk
10/11 20:19, 2F
文章代碼(AID): #18xtXf8S (Web_Design)
討論串 (同標題文章)
文章代碼(AID): #18xtXf8S (Web_Design)