兼容IE6,IE7,IE8,Firefox,Chrome,DIV+CSS垂直居中終于失敗,最后三分鐘用寫了幾行JS解決,經簡單測試,還行。
先上Jquery的代碼,保留備用。
function verticalCenter() {
var wapperHeight = $("#wapper").height();
var windowHeight = $(window).height();
var wapperTop = windowHeight > wapperHeight ? Math.round((windowHeight - wapperHeight) / 2) : 0;
$("#wapper").css("margin-top", wapperTop + "px");
}
$(document).ready(function () {
$(window).resize(verticalCenter);
verticalCenter();
});
只要最外層用<div id="wapper"> …… </div>包裹住就行了。
以下是牢騷,TMD的兼容性啊,我看HTML5之后更TMD的亂~

浙公網安備 33010602011771號