Css IE8问题-在其他浏览器上看起来不错
这在IE9、Firefox和Chrome中看起来很棒,但在IE8中,这一切看起来都很好。关于这个有什么想法吗?我在WordPress上使用论文主题。我正在使用custom.css进行编辑 我的网站是:Css IE8问题-在其他浏览器上看起来不错,css,internet-explorer-8,Css,Internet Explorer 8,这在IE9、Firefox和Chrome中看起来很棒,但在IE8中,这一切看起来都很好。关于这个有什么想法吗?我在WordPress上使用论文主题。我正在使用custom.css进行编辑 我的网站是: 您能建议如何使其与IE8以及其他浏览器一起工作吗?IE8不支持rgba颜色。如果您希望它在IE8中工作,请创建一个具有相同不透明度的小png(1x1像素以外的任何大小),并将其作为div的背景。或者您可以使用仅限IE8的样式表并设置除白色以外的其他背景色 IE8不支持rgba颜色。如果您希望它在I
您能建议如何使其与IE8以及其他浏览器一起工作吗?IE8不支持rgba颜色。如果您希望它在IE8中工作,请创建一个具有相同不透明度的小png(1x1像素以外的任何大小),并将其作为div的背景。或者您可以使用仅限IE8的样式表并设置除白色以外的其他背景色 IE8不支持rgba颜色。如果您希望它在IE8中工作,请创建一个具有相同不透明度的小png(1x1像素以外的任何大小),并将其作为div的背景。或者您可以使用仅限IE8的样式表并设置除白色以外的其他背景色 要在IE中模拟RGBA和HSLA背景,可以使用渐变过滤器,具有相同的开始和结束颜色(alpha通道是十六进制值中的第一对): 或者使用大小为1x2而不是1x1的
.png
图像
因为当页面上的任何其他元素使用“-ms filter”drective作为alpha透明度时,Internet Explorer 8无法正确执行1x1像素半透明背景图像的重复
要在IE中模拟RGBA和HSLA背景,可以使用具有相同起始和结束颜色的渐变过滤器(alpha通道是十六进制值中的第一对): 或者使用大小为1x2而不是1x1的
.png
图像
因为当页面上的任何其他元素使用“-ms filter”drective作为alpha透明度时,Internet Explorer 8无法正确执行1x1像素半透明背景图像的重复
我认为自从IE7以来,就有了对css规则的支持
过滤器:alpha(不透明度=x)代码>以避免使用半透明PNG。不是这样吗
在您的站点中,您将使用:
.custom #page {
background-color: #000;
filter:alpha(opacity=50);
background-color: rgba(0, 0, 0, 0.5);
border-radius: 10px 10px 10px 10px;
padding-top: 5px;
}
据我所知,IE将忽略rgba值,并使用两个更高的规则来获得类似的效果
在元素上使用不透明度的一个缺点(在较新的浏览器中也是如此)是它将其设置为整个元素,而不仅仅是背景色,因此所有文本和边框等都是半透明的。但我至少会尝试上面的方法,看看是否足够接近
请记住:人们不升级到更高版本的IE(或升级到FF或Chrome)的唯一原因是我们竭尽全力确保设计在这些过时的浏览器中看起来很好。如果有足够多的网站看起来像狗屎,他们最终会认为这不是网站,而是他们的旧浏览器。因此,不要浪费太多的时间和精力来支持已经太慢的过渡,而不是过去糟糕的IE迎合时代。我认为自从IE7以来,就有了对css规则的支持filter:alpha(不透明=x)代码>以避免使用半透明PNG。不是这样吗
在您的站点中,您将使用:
.custom #page {
background-color: #000;
filter:alpha(opacity=50);
background-color: rgba(0, 0, 0, 0.5);
border-radius: 10px 10px 10px 10px;
padding-top: 5px;
}
据我所知,IE将忽略rgba值,并使用两个更高的规则来获得类似的效果
在元素上使用不透明度的一个缺点(在较新的浏览器中也是如此)是它将其设置为整个元素,而不仅仅是背景色,因此所有文本和边框等都是半透明的。但我至少会尝试上面的方法,看看是否足够接近
请记住:人们不升级到更高版本的IE(或升级到FF或Chrome)的唯一原因是我们竭尽全力确保设计在这些过时的浏览器中看起来很好。如果有足够多的网站看起来像狗屎,他们最终会认为这不是网站,而是他们的旧浏览器。因此,不要浪费太多的时间和精力来支持从IE迎合的糟糕旧时代已经太慢的过渡。这就是为什么我提到要使用1x1以外的尺寸。这就是为什么我提到要使用1x1以外的尺寸。是的,这就成功了!万分感谢!它在IE9、FF和Chrome中看起来也很棒。唯一不起作用的是圆角半径,但这对我来说没问题。只要不透明度足够好。这当然是值得的,所有的浏览器都可以提出一个全面的标准…我们都可以在晚上睡觉。但我想这是所有这些有趣的部分。再次感谢你的帮助。哦,是的,你说的字体是半透明的。还没那么糟,所以我会忍受的。是的,这真是个骗局!万分感谢!它在IE9、FF和Chrome中看起来也很棒。唯一不起作用的是圆角半径,但这对我来说没问题。只要不透明度足够好。这当然是值得的,所有的浏览器都可以提出一个全面的标准…我们都可以在晚上睡觉。但我想这是所有这些有趣的部分。再次感谢你的帮助。哦,是的,你说的字体是半透明的。没那么糟,所以我会忍受的。