兼容ie7、8、9、10、FF、Chrome的遮罩顯示

經常碰到這種情形，要實現圖片上有一層遮罩和按鈕，鼠標滑過時遮罩顏色變深且按鈕圖片變化，磕磕碰碰終於弄出來題目所述兼容的解決方案。 對於遮罩的實現，將遮罩層、按鈕、圖片放置在同一個div中，根據absolute的位置跟隨特性，將遮罩層和按鈕放在圖片的前面，position均設置爲absolute不佔據任何空間。設置遮罩層的顏色和透明度，由於顏色和透明度會設置到整個遮罩層及其子元素的透明度，如果將按鈕

>>阅读原文<<