1,问题描述
需求:在网站上添加相关验证图标,需要横排居中格式
2,分析
本来是个小case,虽然本人不是做前台技术的,但是多多少少还是用过DIV、CSS的,所以,一看用<ul>格式吧。
经过无数次调整,效果出来了。
代码如下:
相当简单,之所以没有把CSS写成文件,是由于这个网站构架较大,网页包含异常多,所以格式文件不太好找,而且本来是一个小东西不去折腾了。
当会美工,呵呵,打开chromium,yeah
但是,一会,同事说怎么是竖排的?我一看在IE下果然如此,但是在火狐,chrome下全部正常,话说最标准格式应该是chrome浏览器了,但是谁叫微软是老大呢,蛋疼。
3,分析一下,应该是<ul><li>格式支持不太兼容,换成简单的<span>
代码:
问题解决,简单事情还是简单好点,其实对CSS支持最好的还是chrome,浏览速度也很快
分享到:
相关推荐
DIV+CSS网页中IE和火狐兼容问题的整理
DIV+CSS相对IE6、IE7和IE8的兼容问题
IE6浏览器兼容问题总结及CSS排版注意地方 列举IE6中10个不得不注意的问题 重构你的代码
div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器方法[借鉴].pdf
这是一个对IE8及以下做前端兼容的文件工具包,使用时可参考如下实例在文件里引入即可 <!--对于ie6到ie8做兼容,兼容h5,css3等新特性--> <!--[if (gte IE 6)&(lte IE 8)]> [removed][removed] [removed]...
css下拉菜单示例,兼容ie678,ff,chrome
这是一个css3模糊演示效果,几行css代码即可实现。除了在firefox、chrome、opera下完美显示,同时提供兼容IE的方法。 可以用于传统PC端,移动端更没问题。 关注明锋工作室,关注UI设计和web前端开发。
IE兼容CSS3,一句JS可以解决CSS3兼容问题
区别IE和非IE浏览器的兼容,css兼容
IE6, IE7, IE8 CSS 兼容速查表
css 在ie 火狐下的兼容问题 分析的通用方法
css和js的浏览器兼容问题汇总,希望能帮到大家
某些css属性不兼容ie9,引入此js可以解决部分问题,共享资源
div css完美兼容IE6,IE7,FF的通用方法说明。
纯css-loading兼容Safari ,Chrome,Mozilla Firefox,opera,ie10+