iecss3

css3的作用及角色

CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1 的基础上增加了很多强大的新功能，目前主浏览器 Chorme、Safari、Firefox、Opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分。是浏览器的私有属性虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容，前缀还是少不了的。

Chrome 和 Safari：-webkit

Firefox：-moz

IE：-ms

Opera：-o

CSS3 把很多以前需要使用的图片和脚本来实现的效果，甚至动画效果，现在只需要短短几行代码就能搞定。比如：圆角、图片边框、文字阴影和盒阴景、渐变、个性化字体、多图片背景、变形处理（旋转、缩放、倾斜、移动）、过渡、动画、多栏布局、媒体查询等。还有选择器，简化了前端开发工作人中山小榄的设计过程，加快页面载入速度。

IE浏览器的兼容性如何设置

为了保证网站在IE浏览器中的兼容性，可以通过以下方式进行设置：使用HTML5shiv或respond.js等JavaScript库，允许IE浏览器识别HTML5和CSS3的新标签和属性；

添加IE专属的CSS样式表，通过条件注释来针对不同版本的IE浏览器进行兼容性设置；

使用IE浏览器的兼容性视图，将网站强制以IE7或IE8的模式运行，从而避免不兼容的问题。同时，还需要及时更新浏览器版本，以保证浏览器的最新性和安全性。

要设置IE浏览器的兼容性，可以按照以下步骤进行操作：
1. 打开IE浏览器，点击右上角的齿轮图标，选择“Internet选项”。
2. 在弹出的窗口中，切换到“高级”选项卡。
3. 在“设置”部分，找到“向下兼容”这一选项，勾选“使用Microsoft兼容性列表”。
4. 点击“确定”按钮保存设置。
这样设置后，IE浏览器会自动根据Microsoft兼容性列表来兼容旧版本的网站。

css如何设置悬浮旋转

这与html的结构是分不开的

举个例子

html

<div.>鼠标移过来看看<img src="你找张你本地的图片放这里"/></div>.pic{position:relative;}

.pic img{display:none}

.pic:hover img{display:block}上面的代码，实现了鼠标经过时，图片显示。但ie低版本浏览不支持a以外的元素的hover伪类，所以这个写法是不兼容低版本浏览的。

另外你的要求是

鼠标拿开旋转消失

这个可以在.pic img加css3的过渡属性，在.pic:hover img加css3的旋转属性即可。

要实现悬浮旋转效果，首先需要给目标元素添加:hover伪类，表示鼠标悬浮其上时触发效果。

然后，使用CSS3的transform属性，设置rotate()函数控制元素旋转的角度。

在动画效果中，我们可以使用transition属性设置过渡效果，让旋转动画更为流畅。

最后，我们还可以通过调整元素的position属性和z-index属性，实现旋转时元素的变换效果。通过这些步骤，就能够轻松实现CSS悬浮旋转效果。