css 360兼容性 问题

html-css015

css 360兼容性 问题,第1张

只有360有问题 说明你写的代码有问题!360是IE的内核!!!不知道你是IE多少。。。如果是8的话 出了问题有点难说,建议在装个火狐!只要火狐和IE看自己做的没兼容性问题了,也就差不多了,不比考虑其他的浏览器!

360普通版的 内核跟IE6一样的

现在出现了极速版的 就跟Chrome浏览器一样的

你在Chrome浏览器上测试了没

要是没测试你在body{-webkit-text-size-adjust:none}

这句是webkit内核浏览器的私有属性

一、CSS中鼠标悬停到元素上顺时针转360deg可以使用transition和transform这两个属性;

二、正常情况下,transition是加到设置元素样试的CSS中的,而transform是添加到动态伪类选择器:hover后的

三、如果要实现鼠标悬停后元素旋转360不回去,可将transition也加到:hover后面

举例:

<style>

.bg{

width: 200px

height: 200px

margin: 10px

box-shadow: 0 1px 8px #666

}

.bg:hover{

transition: all 0.5s ease-in

transform:rotate(360deg)

}

</style>

<div class="bg"></div>

不知道是不是你要的效果,望采纳!!!