jquery - IE7 图像填充

标签 jquery image padding internet-explorer-7

我有一个简单的函数,它尝试使用幻灯片框的 jQuery 来计算图像的高度和宽度。我在 IE7 中看到的问题是填充似乎对宽度/高度产生了非常奇怪的影响。

我在 Firefox 中有一个图像,返回的值为 450 x 324 [宽度/高度],CSS 值为

border:0 none;
float:right;
padding:20px 10px 30px 10px;
width:450px;

在 IE7 中,它给我的宽度为 470,高度为 374 ?如何计算“真实”值?

最佳答案

IE 的旧盒子模型(又名怪异模式)包含宽度和高度的填充,而 W3C 盒子模型(又名标准模式)则没有。

如果您使用 xhtml 或 html5 文档类型,IE7 将以标准模式呈现,这将不再是问题。

关于jquery - IE7 图像填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3086090/

相关文章:

javascript - HTML 输入千位分隔符

javascript - 防止双击图像映射区域

javascript - 使用 Jquery mask 图像,高度未定义

html - 如何创建边框图像?

string - 如何在elisp中将字符串居中?

html - 填充占用了额外的空间,我希望我的 div 像 bootstrap div 一样

php - 保护具有数据库写权限的文件

用于数据表的 Javascript/JQuery

javascript - CSS/JS 切换简单产品图库的缩略图不透明度

delphi - 检测文件压缩