手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >图片在浏览器中底部对齐 解决方法之一
图片在浏览器中底部对齐 解决方法之一
摘要:style="vertical-align:bottom;"不管用,上网搜索说要用js实现,找了个代码,测试不成功,主要是代码太多太乱没法心...

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内核的就没测了肯定能用。

期待更精简代码出现。

【图片在浏览器中底部对齐 解决方法之一】相关文章:

Jquery跨浏览器文本复制插件Zero Clipboard的使用方法

让iframe框架网页在任何浏览器下自动伸缩

JQuery boxy插件在IE中边角图片不显示问题的解决

记录几个node.js错误及解决方案

浅谈jQuery中replace()方法

js跨域请求的5中解决方式

jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法

如何实现浏览器上的右键菜单

javascript判断并获取注册表中可信任站点的方法

实现无刷新联动例子汇总

精品推荐
分类导航