色尼玛亚洲综合影院,亚洲3atv精品一区二区三区,麻豆freexxxx性91精品,欧美在线91

兼容 IE,Firefox 的圖片自動縮放的CSS

一直以來有個很頭疼的問題困擾著我,那就是圖片縮放的問題,寫到 JS 里面吧,不太容易修改。寫到 CSS 里面吧,IE 6 又不支持max-width,今天用了很久時間終于解決了這個問題,基本完美了,唯一不完美的就是 IE 6只有在圖片完全下載完成后才會自動調整大小,不過聊勝于無,總比進入頁面后看到長長的橫向滾動條舒服的多,這里使用了expression,但是利用了一次加載,所以 expression 不會造成內存泄漏。當然,如果你有更好的解決方案,希望能與我交流。

代碼如下:
  1. .Image {  
  2.     max-width:600px;height:auto;cursor:pointer;  
  3.     border:1px dashed #4E6973;padding3px;  
  4.     zoom:expression( function(elm) {  
  5.         if (elm.width>560) {  
  6.             var oldVW = elm.width; elm.width=560;  
  7.             elm.height = elm.height*(560 /oldVW); 
  8.         } 
  9.         elm.style.zoom = '1'
  10.     }(this));
  11. }

it知識庫兼容 IE,Firefox 的圖片自動縮放的CSS,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 柯坪县| 河南省| 即墨市| 遂昌县| 台东市| 基隆市| 水城县| 石首市| 宿迁市| 汽车| 惠水县| 大方县| 灵石县| 全州县| 金塔县| 绥宁县| 平远县| 图木舒克市| 灵石县| 藁城市| 尚志市| 治县。| 峨眉山市| 天峻县| 洞口县| 尼勒克县| 沧州市| 福泉市| 苏尼特左旗| 阳谷县| 巴青县| 漠河县| 张家界市| 武宁县| 浦县| 康乐县| 多伦县| 龙山县| 师宗县| 凌云县| 大余县|