Css 显示:internet explorer的首字母
我制作了一个在谷歌浏览器和火狐浏览器中运行良好的网站,但当我在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:使用可见性:隐藏
显示:无代码>到幻灯片,我在该分辨率下不需要。为了使它再次出现,我使用了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;
}