IE瀏覽器對于CSS絕對定位的支持與其他主流瀏覽器存在一定的差異,需要特別注意。
position: absolute; top: 50px; left: 50px;
在其他主流瀏覽器中,上述CSS代碼可以正確地將元素定位在頁面的左上角,距離頂部和左側各50像素。
但在IE瀏覽器中,當父級元素的position屬性為static時,絕對定位會相對于最外層的非static元素進行定位。也就是說,如果使用了以下代碼:
position: relative;
將父級元素的position設置為relative,層級關系則為父級元素為相對定位,子級元素為絕對定位。此時再次使用上述的CSS代碼,則元素會相對于父級元素定位,而非頁面左上角。
因此,在使用IE瀏覽器時,一定要注意元素的父級元素是否有其他定位屬性,并根據具體情況進行定位。