2013-08-06 44 views
2

我目前正在使用一个网站,我希望我的内容div在页面加载时以0不透明度开始,然后在短时间内淡入100%。我有这个工作很好,但我不确定我如何处理这是最好的方式。最初设置内容div为零

我似乎已经读过,最好不要在CSS中将不透明度设置为零,而是通过jQuery将它们设置为零。这样,如果用户没有启用Javascript,他们仍然能够看到内容。

但是,有时这种方法有毛病,至少在我的页面上。在脚本有机会接管之前,有时会加载HTML。这导致页面最初显示,然后消失,然后根据需要消失。没什么大不了的,但并不像我想的那么顺利。

有没有更好的方法来处理初始设置不透明度为零?

该网站现在是here

回答

0

我会说,把你的jquery的工作,因为你通常会有它的工作,之后,加入这个<noscript>标签,当然你将无法在jquery中制作动画, LL使股利不透明度100%,在指令码的标签,然后

编辑:你可以在乔在无脚本标签答​​案添加的风格,那么你就必须替代解决方案:)

1

虽然我认为用户禁用JavaScript可以忽略,你可以尝试这样的事情:

<style> 
    #content{ 
     opacity:0; 
    } 
</style> 

<noscript> 
<style> 
    #content{ 
     opacity:1; 
    } 
</style> 
</noscript> 
+0

如何让我的答案在代码中得到upvote? – pythonian29033

+1

@ pythonian29033,我给了upvote,因为我可以阅读代码,但我无法理解你的答案。 “让你的jquery像平时一样工作”有一个语法错误:-p – FakeRainBrigand

+0

更好地使用编程语言而不是口语与程序员说话我猜 – pythonian29033