源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

图片在浏览器中底部对齐 解决方法之一

  • 时间:2022-12-16 02:00 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:图片在浏览器中底部对齐 解决方法之一
style="vertical-align:bottom;"不管用,上网搜索说要用js实现,找了个代码,测试不成功,主要是代码太多太乱没法心情测试了。 于是就自己写吧。
[u]复制代码[/u] 代码如下:
$(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)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部