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


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内核的就没测了肯定能用。
期待更精简代码出现。



相关阅读:
X-Windows中如何关闭touchpad方法
全面兼容ie6,ie7,ie8,ff的CSS HACK写法
this connector is disabled错误的解决方法
在SQL Server 2005中创建DDL表格来审计DDL触发活动
ASP视频教程:建立后台管理的框架页面
ASP正则判断取出HTML的图片地址的函数
用ISA Server 2000发布内部网络的IIS FTP服务器
让广告代码不影响网页站打开速度
PHP 生成的XML以FLASH获取为乱码终极解决
动态指定任意类型的ObjectDataSource对象的查询参数
Sql Server datetime问题
针对浏览器隐藏CSS
Ubuntu Linux系统下Apache SSL配置方法
一个PHP的String类代码
快速导航

Copyright © 2016 phpStudy |