图片在浏览器中底部对齐，style="vertical-align:bottom;"不管用，上网搜索说要用JS实现，找了个代码，测试不成功，主要是代码太多太乱没法心情测试了。
IE6、 ie8、chrome、 Opear、 firefox、 QQ浏览器、 360、 傲游、 苹果
百度之类IE内核的就没测了肯定能用。
期待更精简代码出现。
于是就自己写吧。代码如下：
$(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内核的就没测了肯定能用。
期待更精简代码出现。
网友评论文明上网理性发言 已有0人参与
发表评论: