ie 8-css3 transform rotate 在ie7,ie8里兼容

问题描述

css3 transform rotate 在ie7,ie8里兼容

怎么能让css3 transform rotate 在ie7,ie8里兼容？

网上说的ie_css3.htc 不是特别懂她的使用方法呢？

解决方案

css3中的一个标签属性，低版本的IE不支持。建议用Google Chrome和Firefox。

解决方案二：

css3在ie7,8下不支持，要实现得用css滤镜实现，这样往往代码复杂。不过用css3一般不考虑兼容ie7,8

时间： 2024-10-20 22:56:17

ie 8-css3 transform rotate 在ie7,ie8里兼容的相关文章

IE7/IE8不兼容js trim函数，自己实现

[html] view plain copy print? <html> <head> <title>test</title> <script type="text/javascript"> String.prototype.trim = function() { return this.replace

ie 8-ie7,ie8支持 transform rotate

问题描述 ie7,ie8支持 transform rotate 怎么才能让ie7,ie8 支持css3的rotate旋转样式呢? 解决方案用jquery.rotate.js这个插件,如果不支持css3的会用滤镜来实现

大家都知道IE 6,IE7,IE8不支持css3中新加属性,老外写了一个ie-css3.htc,主要利用的是VML原理,可以让IE 6,7,8支持部分的CSS3属性,包括:border-radius(圆角),box-shadow(阴影),text-shadow(文本阴影). 使用是很容易的,看下面的示例代码: 代码如下复制代码 .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /*

CSS3 Transform变形理解与应用

Transform:对元素进行变形: Transition:对元素某个属性或多个属性的变化,进行控制(时间等),类似flash的补间动画.但只有两个关键贞.开始,结束. Animation:对元素某个属性或多个属性的变化,进行控制(时间等),类似flash的补间动画.可以设置多个关键贞. Transition与Animation: transition需要触发一个事件 ,而animation在不需要触发任何事件的情况下也可以显式的随着时间变化来改变元素css的属性值,从而达到一种动画的效果

How to get the MouseEvent coordinates for an element that has CSS3 Transform?

I want to detect where a MouseEvent has occurred, in coordinates relative to the clicked element. Why? Because I want to add an absolutely positioned child element at the clicked location. I know how to detect it when no CSS3 transformations exist (s

前端开发-关于CSS3 transform:matrix()牛角尖？

问题描述关于CSS3 transform:matrix()牛角尖? transform:scale(sx,sy) >>> transform:matrix(sx,0,0,sy,0,0) transform:translate(tx,ty) >>> transform:matrix(1,0,0,1,tx,ty) transform:skew(θx,θy) >>> transform:matrix(1,tan(θy),tan(θx),1,0,0) tra

IE7,IE8浏览器CSS实现正圆角效果代码

一.关于IE7, IE8不支持CSS3 border-radius CSS3 border-radius可以轻易实现圆还有圆角效果,然而,需要IE9+浏览器才行.移动端自然不成问题,但是众多(尤其面向C侧)PC页面是至少需要兼容IE8的,那有没有什么办法可以让IE7, IE8也支持圆角呢? 很久很久以前介绍过一个名为PIE的东西可以实现IE7,IE8的圆角,是10年7月份写的一篇"PIE使IE支持CSS3圆角盒阴影与渐变渲染"(本文还有其他很多圆角方法介绍). 其原理是利用的IE私有的

理解CSS3 transform中的Matrix(矩阵)

一.哥,我被你吓住了打架的时候会被块头大的吓住,学习的时候会被奇怪名字吓住(如"拉普拉斯不等式").这与情感化设计本质一致:界面设计好会让人觉得这个软件好用! 所以,当看到上面"Matrix(矩阵)"的时候,难免会心生畏惧(即使你已经学过),正常心理.实际上,这玩意确实有点复杂. 然而,这却是屌丝逆袭的一个好机会. CSS同行间:你是不是有这样的感觉:哎呀呀,每天就是对着设计图切页面,貌似技术没有得到实质性地提升啊,或者觉得日后高度有限! 我们应该都知道二八法则(

CSS3 Transform的perspective属性

文章简介:CSS3 Transform的perspective属性. 以下两行语句有什么区别? <div id="animateTest" style="-webkit-transform: perspective(400px) rotateY(40deg);"> <div id="animateTest" style="-webkit-transform: rotateY(40deg) perspective(400