宴席推荐官功能上线，餐饮行业如何引流？
有一天偶然升级了一下芊雅官网的主题，因为主题是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，问题解决。有时候不定位到问题所在，不容易发现究竟是出在哪里了问题。
相关文章
