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







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



"用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 =_=||
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 bigair 的頭像
    bigair

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

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

    E-mail轉寄