哪个CSS属性不依赖于浏览器

-3

我的浏览器兼容性问题在我的用户界面中。在Firefox中，我正面临着一些UI破坏问题，在Chrome中我没有任何问题。所以我的团队说要尝试一些CSS属性，而不依赖于浏览器，这可能是解决方案。因此，任何人都可能知道这个？哪个CSS属性不依赖于浏览器

<li align="center" ng-show="showLoadingIcon"> 
       <img src="app-vrm/img/loader.gif"/> 
      </li>

这是加载掩码的代码。如果更改从中心对齐，左对齐或对齐。这在Chrome中工作正常，但在Firefox中，加载掩码总是在左侧加载。应该显示在屏幕中央

来源

2015-02-10 srini

如果你展示了你正在使用的代码（HTML和CSS）以及具体是什么突破，那么会更好，那么我们可以帮助你解决这个问题。现在这太投机了。 – slhck 2015-02-10 06:07:25

其实，没关系，你[已经问过这个]（http://stackoverflow.com/questions/28409145/need-solution-for-browser-compatibility-issue）。请编辑另一个问题，而不是发布另一个问题。 – slhck 2015-02-10 06:08:11

一个很好的出发点是要确保你从同一点通过创建reset.css文件开始。该文件确保每个浏览器例如P-tag的margin-top总是5px。有很多资源在网络上

此外，你应该看看W3Schools的表浏览器兼容性here。

最后但并非最不重要的一点，请注意一些CSS3标签根本没有实现，因为它们太“现代”。或者你的浏览器太旧了。

一个好的CSS验证器可能会有所帮助。在Google Chrome（或Iron浏览器或Chromium）中，您可以启用开发人员工具并查看控制台是否有错误，或者安装扩展程序（Web Developer for Firefox和Firebug）。或者，如果你的网站是在网上与W3 CSS validator

好运验证它！

来源

2015-02-10 06:13:36 Pianoman

我创建了一个跨浏览器的图像中心对齐方式。主要有用的东西是IMG有余量和显示属性。请参阅在这个环节的工作方案：网址：http://codepen.io/krunalv/pen/gborwo

.loadingImage-wrapper li img{ 
    height: 50px; 
    width: 50px; 
    display: block;  
    margin: 0 auto; 
}

来源

2015-02-10 11:24:20 KRUNAL

好吧，我会查看我的代码@krunal – srini 2015-02-10 11:31:22

您的更改正在我当地的罚款。但是我面临的问题是不同的。这些变化并不反映在Chrome浏览器中，只有更改正在工作。在Firefox中，加载掩码总是只显示在左侧。我需要在Firefox中解决这个问题。 – srini 2015-02-10 11:49:20

您只需要从li中删除对齐中心，但不应使用内联css或对齐属性。只是在图像的代码下面：img {display：block; margin：0 auto;}就是这样。应该在所有浏览器中工作。 – KRUNAL 2015-02-10 11:52:01

我解决了这个问题........我改变，而不是

align="center"

我加入

style="text-align:center;"

代码

所以此属性也在Firefox中工作。

我真的要感谢谁帮我找出solution.I只要你给了一些答案从你得到了许多新的东西的人。

来源

2015-02-11 05:51:29 srini

哪个CSS属性不依赖于浏览器

回答

相关问题