ie7ie8可以用css3的属性吗

html-css09

ie7ie8可以用css3的属性吗,第1张

不可以,IE9才开始兼容CSS3,而且还不是完全兼容,比如border-image属性IE9就不兼容。但是大部分常用的还是兼容的,比如border-radius。但是IE7和8是完全不兼容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=9IE=8IE=7IE=EDGE">

圆形用圆角,比如div的高度宽度都是10px,那么圆角半径设置为5px就可以了。

div{height:10pxwidth:10pxborder-radius:5px}

三角形的话比较复杂,需要套几个框,然后再用transform旋转,而且边框也比较难处理,你可以百度下六角形div的实现手段。