css3样式不兼容,css样式在不同浏览器兼容

为什么搜狐浏览器不兼容css3

原因分析：

搜狐浏览器不兼容css3主要是不同浏览器有不同的内核，这样导致CSS3会在不同浏览器上出现页面上的错位或丢失。

解决方法：

对高度的解析

可以确定内容高度的情况下最好定义高度，如果真的没有办法定义高度，最好不用使用边框样式，否则样式肯定会出现混乱！

img对象alt和title的解析

在定义img对象时，最后将alt和title对象都写全，保证在各种浏览器中都能正常使用

其他的细节差别

例如用float: left（或right）排列一窜图片，不同浏览器排列之间会有不同的空隙和偏差

相关问答

Q1: css3不兼容ie9一下浏览器怎么解决

E浏览器从IE8开始添加了兼容模式，开启后会以低版本的IE进行渲染。兼容模式有可能会导致网页显示出问题，于是通常在HTML中添加下列代码来使IE使用固定的渲染模式：代码如下:还有一种情况，在IE8下只有不使用兼容模式页面才能显示正常，但是如果设定为IE8的模式，在IE9中却会导致CSS3失效。看来，需要针对IE8、IE9分别禁用兼容模式。怎么呢？可以在后台判断浏览器版本，如果是IE8就输出content="IE=8"，如果是IE9就输出content="IE=9"。其实还可以单纯通过HTML来实现的，HTML代码如下：

Q2: 怎么解决ie不兼容css3的问题

e浏览器从ie8开始添加了兼容模式，开启后会以低版本的ie进行渲染。兼容模式有可能会导致网页显示出问题，于是通常在html中添加下列代码来使

ie

使用固定的渲染模式：

代码如下:

metahttp-equiv="x-ua-compatible"content="ie=8"!--以ie8模式渲染--

metahttp-equiv="x-ua-compatible"content="ie=7"!--以ie7模式渲染--

还

有一种情况，在ie8下只有不使用兼容模式页面才能显示正常，但是如果设定为ie8的模式，在ie9中却会导致css3失效。看来，需要针对

ie8、ie9

分别

禁用兼容模式。怎么办呢？可以在后台判断浏览器版本，如果是ie8就输出content="ie=8"，如果是ie9就输出

content="ie=9"。其实还可以单纯通过html来实现的，html代码如下：

metahttp-equiv="x-ua-compatible"content="ie=9;

ie=8;

ie=7;

ie=edge"

Q3: css3中的样式兼容性问题怎么弄？

现在很多浏览器都支持css3属性，只不要不是ie9以下的浏览器就可以，如果你真的要知道怎么兼容，那你可以了解每个浏览器的内核。