Javascript 简单css在Iceweasel 31.2中不起作用
所以我为一个亲戚创建了一个网站,我创建了一个在第一次显示时不显示的网站:无,当用户单击页面上的某个位置时,它会消失。 它在Chromium上运行得非常好,但是当我尝试使用Iceweasel 31.2时,页面中应该淡入的部分的CSS不会加载 单击按钮时调用的javascript函数:Javascript 简单css在Iceweasel 31.2中不起作用,javascript,html,css,iceweasel,Javascript,Html,Css,Iceweasel,所以我为一个亲戚创建了一个网站,我创建了一个在第一次显示时不显示的网站:无,当用户单击页面上的某个位置时,它会消失。 它在Chromium上运行得非常好,但是当我尝试使用Iceweasel 31.2时,页面中应该淡入的部分的CSS不会加载 单击按钮时调用的javascript函数: var openGallery = function(){ $('section, nav, #topleft').fadeOut(400); $('#gallerie').toggle(); }
var openGallery = function(){
$('section, nav, #topleft').fadeOut(400);
$('#gallerie').toggle();
}
这就是所涉及的CSS
#gallerie
{
position: relative;
height: 874px;
width: 1152px;
background-color: rgba(0,0,0,0.2);
border-radius: 5px;
margin: auto;
text-align: center;
}
#gallerie img:first-of-type
{
max-width: 1100px;
max-height: 720px;
display: block;
margin-left: auto;
margin-right: auto;
}
.close
{
display: inline-block;
position: absolute;
right: 5px;
top: 5px;
}
.left, .right
{
position: static;
top: 746px;
}
最后,淡入淡出的HTML注意到它的JS部分来自一些PHP
<div id="gallerie">
<script type="text/javascript">
var collection = [
// "FILENAME" | "NAME" | WIDTH | HEIGHT
["6ème arrondissement-73 X 60.JPG","6ème arrondissement",1535,1832],
(more data...)
["Sur la neige-55 X 46.JPG","Sur la neige",1853,1562]
]
</script>
<h3>Gallerie</h3>
<figure>
<img src="data/tableaux/6ème arrondissement-73 X 60.JPG" class="big" title="6ème arrondissement" alt="0">
<figcaption>6ème arrondissement</figcaption>
<img src="images/left.png" alt="left" class="left" title="left"><img src="images/right.png" alt="right" class="right" title="right">
</figure>
<img src="images/close.png" class="close" title="Fermer la fenetre">
</div>
我真的不知道虫子是从哪里来的。感谢您的帮助。就我个人而言,我会使用JQuery切换类事件,并使用这些事件进行转换等。现在,CSS3在各种浏览器中都非常好 而不是:
$('section, nav, #topleft').fadeOut(400);
我会添加CSS来处理渐变
看看我在这里做的笔,看看效果。您可以添加toggleClass;addClass;或删除类;你应该选择
编辑:。切换;我的意思是,会造成愚蠢的后果 你介意为别人编一把小提琴,让他们更清楚地看到你的问题吗?