position:relative解決filter濾鏡問題
阿新 • • 發佈:2019-02-13
一、解決背景自動拉伸帶來的連結失效的問題。
比如在表格中使用style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='背景圖片地址', sizingMethod='scale')"可以使當表格寬度超過背景圖片寬度時背景圖片會自動拉伸而不是重複平鋪,但也帶來問題,表格內的所有連結會因而失效,解決的表辦就是給連結所在的內鑲表格或單元格新增style="position:relative"。
如果是DIV,還需嵌入一個DIV,如:
<div style="width:200px; height:200px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' 圖片地址', sizingMethod='scale';)">
<div style="position:relative; ">
<a style="position:relative;" href="http://www.baidu.com">百度</a>
</div>
</div>
二、背景透明致使內容也隨之透明的問題。
例如我們給表格新增style="filter:alpha(opacity=40)",這樣表格背景及其中內容就有了透明度,如果要使表格中的文字及圖片等不隨之透明,給它們加上style="position:relative"即可。
還有什麼沒試過,有這方面經驗的下面補充!