少用CSS濾鏡來實現漸層的理由

來源:互聯網
上載者:User
        最近寫一個用在web上的菜單,因為模仿XP風格,需要用到漸層效果,想當然的便選擇了微軟的漸層濾鏡.
如下:filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E3EFFF,endcolorstr=#8EB3E7,gradientType=1);
但是由於我的表格比較複雜:每行TR由5個TD組成:可選擇項,功能表項目圖片,一個空TD,菜單文本,下級菜單指示三角,所以相對而言每個列的寬度就比較難算,然而微軟這個濾鏡對寬度的精度要求比較高,稍微不準確(表格自己會根據內容改變寬度的),所以漸層濾鏡就顯示不出效果來了.忙了好久,我將每個TD的寬度算準了,可是不知道哪裡錯了,還是沒有顯示.
        最終,還是放棄用漸層濾鏡,改用PS做的漸層圖片替代之.
        對於尺寸比較敏感的濾鏡,最好還是少用,當然,在菜單上失敗的原因可能跟功能表項目過多也有關係,因為此中的圖片和文字的padding均會影響儲存格的寬度.,如果只是單格顯示漸層,這個濾鏡還是比較好用的.
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.