Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 显示:internet explorer的首字母_Css_Internet Explorer_Slideshow_Displaytag_Displayobject - Fatal编程技术网

Css 显示:internet explorer的首字母

Css 显示:internet explorer的首字母,css,internet-explorer,slideshow,displaytag,displayobject,Css,Internet Explorer,Slideshow,Displaytag,Displayobject,我制作了一个在谷歌浏览器和火狐浏览器中运行良好的网站,但当我在Internet Explorer中运行它时,我遇到了一些问题 所以,我的索引页上有两个幻灯片,但只有一个应该以特定的屏幕分辨率显示。我创建了一些媒体查询,以便设置显示:无到幻灯片,我在该分辨率下不需要。为了使它再次出现,我使用了display:initial但Internet Explorer不支持该命令 我需要一种方法,使我用display:none看到的东西变得可见在Internet Explorer中。 PS:使用可见性:隐藏

我制作了一个在谷歌浏览器和火狐浏览器中运行良好的网站,但当我在Internet Explorer中运行它时,我遇到了一些问题

所以,我的索引页上有两个幻灯片,但只有一个应该以特定的屏幕分辨率显示。我创建了一些媒体查询,以便设置
显示:无到幻灯片,我在该分辨率下不需要。为了使它再次出现,我使用了
display:initial但Internet Explorer不支持该命令

我需要一种方法,使我用
display:none看到的东西变得可见在Internet Explorer中。

PS:使用
可见性:隐藏不是一个选项,因为它不应该保留空间

如果你能帮助我,请回复。 如果你不能,我还是要谢谢你读这篇文章

这里是代码的来源;这可能会有帮助(对不起,我不知道如何正确发布):

第一个媒体查询最小值:440px

@media only screen and (min-width:440px){
#container{
    margin-top:3%;
}

/*--slideshow--*/
#page {
    display:initial;
    width:600px; 
    margin:50px auto;
}
#slider {
    width:600px; 
    height:250px;

/*IE bugfix*/
    padding:0;
    margin:0;
}
媒体查询最小值:610px

#slider li { 
list-style:none; 
}

#containerGrotePage{
display:initial;
display:block;
width:600px;
margin-top:2%;
margin-left:auto;
margin-right:auto;
}

#pageKlein{
display:none;
}
#page {
    display:initial;
width:600px; 
margin:50px auto;
}
#slider {
width:600px; 
height:250px;

/*IE bugfix*/
padding:0;
margin:0;
}
媒体查询最小值:715px

#slider {
width:600px;
height:250px;

/*IE bugfix*/
padding:0;
margin:0;
}

#slider li {
    list-style:none;
}

#page {
width:600px;
margin:50px auto;
}
我希望我提供的信息是有用的

ContainerRotePage是大幻灯片,顺便说一句,pageklein是小幻灯片。 我会说荷兰语,所以有些名字对说英语的人来说可能没有意义


提前谢谢各位

也有同样的问题,而display:block或display:inline将在IE中显示内容。但是,我们使用类来相应地隐藏/显示布局内容,需要有两组类,一个用于块,一个用于内联内容

当考虑到display:none和display:initial在非IE浏览器(在windows、mac、android和iPhone上测试了firefox/chrome/safari)中运行良好时,这是没有意义的


最后,我发现使用jQuery$(“.class”).hide()和$(“.class”).show()在一个函数中处理这个问题要容易得多,该函数最初在页面加载后运行,然后从窗口调整大小事件处理程序重新调用

我找到了一个解决方案,可以让你在IE和Chrome中实现,滚动到底部

长话短说,
display=“initial”
。因此,诀窍是用
display=“
来实现。即

if(...){
    a.style.display = "none";
    b.style.display = "";
}
else{
    a.style.display = "";
    b.style.display = "none";
}

如果需要设置初始值(两行),则此函数在css文件中起作用:

显示:内联


显示:首字母

您可以只使用
隐藏的
属性:

a.setAttribute('hidden', '')
b.removeAttribute('hidden')
包括IE11在内的所有主流浏览器都支持它。要获得IE10支持,您需要两行CSS:

[hidden] {
  display: none;
}

什么版本的internet explorer?如果你也可以发布网站链接会更好。@Omegaori使用internet explorer版本11。@Kheema Pandey:我不能给你链接,网站还没有上线。正在进行的工作。:)为什么要使用display:initial而不是简单的display:block或display:visible?请注意,这与设置值
initial
并不完全相同,但是这更可能与读者尝试执行的操作一致。有关详细信息,请参阅。您可以使用相同的类(如引导
.hide
/
.show
),但只需根据标记名使用不同的
显示值(
div.hide
span.hide
,等等)。否决:误导。此处,浏览器不解释显示首字母
a.setAttribute('hidden', '')
b.removeAttribute('hidden')
[hidden] {
  display: none;
}