style="vertical-align:bottom;"不管用,上網搜索說要用js實現,找了個代碼,測試不成功,主要是代碼太多太亂沒法心情測試了。
於是就自己寫吧。
. 代碼如下:
$(function () {
if ($.browser.msie || $.browser.mozilla || $.browser.opera) {//IE 火狐 Opera之類浏覽器
$(".productli img").each(function () {
var margin = 120 - $(this).height();
$(this).css("margin-top", margin + "px");
});
}
if ($.browser.safari) {//如果是蘋果或chrome浏覽器
$(".productli img").load(function () {
var margin = 120 - $(this).height();
$(this).css("margin-top", margin + "px");
});
}
})
經測試以下浏覽器通過
IE6、 IE8、Chrome、 Opear、 FireFox、 QQ浏覽器、 360、 傲游、 蘋果
百度之類IE內核的就沒測了肯定能用。
期待更精簡代碼出現。