Re: [問題] 圖片被點到會變色如何做
看板Web_Design作者adamp3 (Boston's 10th Man.)時間17年前 (2008/10/12 22:27)推噓1(1推 0噓 0→)留言1則, 1人參與討論串5/5 (看更多)
: <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 {
display:block; //因為你的childNode是block，而a本是inline屬性
至少我改了這個以後IE跟FF是相同結果
其餘的細節你可以再微調! :)
: 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>
--
○-.∫
︻〔 我的二十歲/四十天美國自助旅行全記錄+球場觀察
║ 》 睡過車站 機場 還有旅舍交誼廳
║ 八座城市 七場大聯盟球賽
http://adamp3.myweb.hinet.net/
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.168.28.98
推
10/12 22:41, , 1F
10/12 22:41, 1F
討論串 (同標題文章)