CSS在Chrome中工作，但在firefox中中断
CSS在Chrome中工作，但在firefox中中断
提问于 2018-07-24 03:00:15
我已经用html和css写了一个页面。这是页面：https://wheelertechconsulting.com/page1.html
我使用chrome设计了这个页面，当我上传到我的网站时，我在firefox中检出了它，并注意到body div中的ul li条目被压缩到了右边。
导致此错误的原因可能是什么？
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-07-25 02:29:35
我找到了解决方案，但你必须纠正我上一个答案中提到的错误
问题出在：
.featured-images li {
padding: 0 auto 1% 1%;
border: .2em solid black;
margin: 1%;
! height: 8em;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s ease;
background: linear-gradient(rgba(0, 255, 255, 0.8), rgba(0, 0, 255, 0.8));
}如果您注释代码的这一部分: ! height: 8em; ，则问题将得到解决。
评论! height: 8em;之前的下一张图片
，但在注释 ! height: 8em; 之后，外观将如下图所示
这部分代码在样式文件中的第101行
Stack Overflow用户
发布于 2018-07-24 04:05:25
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51485562
复制相关文章
相似问题