相容ie8的元素居中

2021-08-21 04:54:22 字數 583 閱讀 3600

今天重新回來修改一下彈窗居中這個功能；彈窗，就是將乙個框框放在螢幕中間，這個框的高度不確定。

不需要相容ie8及以下，css用下面這個**完全夠了

.pop


.pop-content
有時要相容ie8；那麼就要如下：

由於父元素是固定定位，採用父元素display:table-cell;vertical-align:middle;text-align:center;子元素行內快。但是在父元素固定定位或絕對定位時採用這個方法是不行的。

.popup


.popup-content
那麼，我給父元素裡面加一層，定位成相對定位怎樣？然後我就發現



.popup>div
然後我發現加的一層長寬百分比無效，又試了下px，可以。那就可以用js來設定他的長寬。（總比設定不固定寬度的popup-content好吧）

function resetpopupwrap() ;
好了，現在就可以了，相容所有。

相容IE8的垂直居中

子元素不定寬高 1.利用偽元素 inline block vertical align,該方法相容ie8 ie8 該方法的居中子元素display屬性為inline block wrap wrap before wrap content2.通過writing mode屬性改變水平流為垂直流 居中子元...

處理ie8相容

1.ie8換成edge模式渲染 x ua compatible content ie edge 2.x ua compatible是針對ie8新加的乙個設定，對於ie8之外的瀏覽器是不識別的，這個區別與content ie 7 在無論頁面是否包含指令，都像是使用了 windows internet ...

IE8下相容background size方法

background size length percentage cover contain ie9 firefox 4 opera chrome 以及 safari 5 支援 background size 屬性。css3 新增的 background size 是乙個很有用的屬性，用於定義背景...