Cufon和jquery的slidedown
我在使用 IE、jquery 的 slidedown()
函数和 cufon 脚本时遇到问题。
该网站是 http://thehealthagenda.com (仍处于开发阶段,因此如果尚未完全完成,请不要感到惊讶!)。在主页顶部,当使用 jquery 加载页面时,一个面板会向下滑动:
jQuery(document).ready(function($){
$('#clinicianArea').slideDown();
});
在 Firefox 和 Chrome 上,这工作得很好,但是在 Internet Explorer 上,由于某种原因,这会显示菜单!我不知道为什么会发生这种情况。
有人能解释一下这个问题吗?我该如何解决这个问题。
奇怪的是,取消选中 display: inline-block !important
在 IE 的开发工具中,重新检查它会将所有内容放回其应有的位置(即 css属性位于 cufon
元素上)。
有谁知道为什么会发生这种情况?以及如何修复?
谢谢。
PS:如果这是非常明显的事情,那么我深表歉意!但我一生都无法为这种奇怪的行为找到任何解释!
I'm having trouble with IE, jquery's slidedown()
function and the cufon script.
The website is http://thehealthagenda.com (its still mid development, so don't be surprised if its not completely finished!). At the top, on the home page, a panel slides down when the page loads using the jquery:
jQuery(document).ready(function($){
$('#clinicianArea').slideDown();
});
On Firefox and Chrome this works perfectly fine, however on internet explorer this puts out the menu for some reason! I have no idea why this happens.
Can anyone shed any light on the matter at all? How I'm meant to fix this.
Oddly unchecking display: inline-block !important
in IE's developer tools and re-checking it puts everything back where its supposed to be (that css property is on the cufon
element).
Does anyone have any idea why this is happening? And how to fix?
Thank you.
PS: If its something bleedingly obvious then I do appologise! But I cannot for the life of me find any explanation for this odd behavior!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
将
position:relative
添加到父元素。这对我有用。Add
position: relative
to the parent element. This worked for me.只是几个假设:
1.尝试在#clinicianArea和元素之后添加clear:
2. 尝试指定#clinicianArea 元素的高度。
Just a couple of assumptions:
1. try to add clear: both after elements in #clinicianArea and
2. try to specify height of #clinicianArea element.