上禮拜拿到的樣本,裡面的按鈕都是屬於這類型







由於網頁用了大量圖片(大量? 整個網頁都是小圖片堆起來的吧......)
加上上面那個按鈕部分他只給我在網頁上挖了幾個洞放新的上去,我可不會自己在程式上面製造這種圖啊~
新增按鈕以後,只會有字的資料,不會有圖的狀態下,該怎麼解決? = =||



"用CSS模擬好了....."





.menuButton1 {
color:#FFFFFF;
font-size: 13px;
border:1px solid #FFF;
text-align: center;
vertical-align: middle;
width:184;
height:37;

}
.menuButton1 a:link, .menuButton1 a:visited, .menuButton1 a:active {
color:#FFFFFF;
font-size: 13px;
text-decoration: none;
}
.menuButton2 {
color:#FF0000;
background:#CD5300;
font-size: 13px;
border:1px solid #FFF;
text-align: center;
vertical-align: middle;
width:184;
height:37;
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#FF6600',endColorstr='#CD5300');
}
.menuButton2 a{
display: block;
text-align: center;
line-height: 34px;
width:182;
height:35;
}
.menuButton2 a:link, .menuButton2 a:visited, .menuButton2 a:active {
font-size: 13px;
text-decoration: none;
color:#FFFF00;
}
.menuButton2 a:hover {
font-size: 13px;
text-decoration: none;
color:#FFFF00;
}



然後按鈕那格:

市場產業消息

因為 IE 不吃 hover, 用 onMouseOver 比較穩。
然後關鍵在 .menuButton2 a {},裡面要有display: block;,不然只有指到字體的部分才會有連結效果,滑鼠在內是不會有連結效果的
filter 部分,只有IE會吃,FIREFOX看起來只是普通的單色按鈕...



算了~ 能用就好,反正那些人也不會用FIREFOX =_=||
創作者介紹
創作者 bigair 的頭像
bigair

我的特技就是全身上下都能吃

bigair 發表在 痞客邦 留言(0) 人氣()