棋牌室新型骗局!!我哭!
有一天偶然升级了一下芊雅官网的主题,因为主题是The 7相对较老的版本,没多注意,发现某些浏览器有兼容问题。出现的问题如下:
最新版本的firefox是不显示文章列表缩略图的,一直找不到原因。今天偶然发现了一段css
html:not(.mobile-true) #main img:not(.animate-element, .ls-s-1), html:not(.mobile-true) #header img, html:not(.mobile-true) #bottom-bar img {
opacity: 0;
-webkit-transition: opacity 1000ms ease;
-moz-transition: opacity 1000ms ease;
-ms-transition: opacity 1000ms ease;
-o-transition: opacity 1000ms ease;
transition: opacity 1000ms ease;
}
opacity: 0;这个属性,查了一下
Opacity属性设置一个元素了透明度级别。
默认值: | 1 |
---|---|
继承: | no |
版本: | CSS3 |
JavaScript 语法: | object.style.opacity=0.5 |
语法
opacity: value|inherit;
值 | 描述 |
---|---|
value | 指定不透明度。从0.0(完全透明)到1.0(完全不透明) |
inherit | Opacity属性的值应该从父元素继承 |
原来如此,0是被定义为完全透明了,所以图片不显示。我们只能把这个0改成1,问题解决。有时候不定位到问题所在,不容易发现究竟是出在哪里了问题。