2

我有两种风格：

.imagebox_empty{
    padding:2px 2px 2px;
    border:1px dotted #E5E5E5;
    width:130px;
    height:130px;
    background:url('/images/misc/file_important.png') no-repeat;

}
.imagebox_full{
    padding:2px 2px 2px;
    border:1px solid #E5E5E5; !important;
    overflow:auto;
}

我正在使用 jquery 在 div 中切换这些类：

<div id="companyLogo" class="imagebox_full"></div>

$("#companyLogo").removeClass("imagebox_full").addClass("imagebox_empty");

它工作正常，除了宽度和高度。我已经在 Chrome 和 FF 上对此进行了测试。两者的工作方式相同。边框、背景和内边距会发生变化，但尺寸不会发生变化。

有谁知道这是否是 jQuery 方面的限制？或者浏览器在样式和尊重维度之间交换有问题吗？

4

2 回答 2

2

我无法重现最基本页面的问题（见下文），所以可能是其他一些覆盖高度和宽度的 CSS 的问题？

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#companyLogo").removeClass("imagebox_full").addClass("imagebox_empty");
});
</script>
<style type="text/css">
.imagebox_empty{
    padding:2px 2px 2px;
    border:1px dotted #E5E5E5;
    width:130px;
    height:130px;
    background:url('/images/misc/file_important.png') no-repeat;
}
.imagebox_full{
    padding:2px 2px 2px;
    border:1px solid #E5E5E5; !important;
    overflow:auto;
}
</style>
</head>
<body>
<div id="companyLogo" class="imagebox_full">
</body>
</html>
于 2010-12-17T23:45:34.483 回答
0

似乎我有一些额外的样式，很可能是从某个地方的另一个 jquery 插件生成的。

我可以看到尺寸样式被取消，通过萤火虫。看来我要去钓鱼了。耶

thanks guys for looking more into it! I wouldn't have looked so thoroughly if you hadn't verified on your end.

于 2010-12-19T06:16:14.013 回答