我在javascript中制作一个简单的手风琴菜单.我希望能够通过css max-height和min-height值为元素设置紧凑和扩展的高度.出于某种原因,当我尝试在javascript中检索元素的最小高度和最大高度以用于动画时,我得到一个空字符串,而不是像它应该的那样"500px".max-height值在css中设置,例如
#id {
min-height: 40px;
max-height: 500px;
}
全部设置,但是当我在我的javascript中放置一个调试机制时,
alert( item.style.minHeight );
它会弹出一个空的警告框.这种情况发生在Firefox 3.6.2和IE 8中.有人知道为什么javascript拒绝能够获得元素的minHeight和maxHeight吗？
这是我的网站:http://dagwaging.110mb.com/ 在任何好的浏览器中查看,然后在IE6中查看.它在IE6中死掉.似乎在IE6中,人们不能这样做:
div {
position: absolute;
left: 0px;
right: 0px;
}
或这个:
div {
position: absolute;
top: 0px;
bottom: 0px;
}
绝对位置不能同时设置为左右和上下.这太糟糕了,因为这几乎是我网站设计的基础.可以在网站上查看HTML,CSS位于/style.css中.我想解决这个问题,而不会使我的CSS或HTML无效.可以这样做吗？
另一个问题是我的内容使用最小宽度和最大宽度,以避免过度拉伸或压缩内容.IE6不能做min-width,那我怎么能复制这个行为呢？