keyframe transfrom兼容用法

css3 @keyframes、transform详解与实例

一.transform 和@keyframes动画的区别: @keyframes动画是循环的,而transform 只执行一遍. 二.@keyframes CSS3中添加的新属性animation是用来为元素实现动画效果的,但是animation无法单独担当起实现动画的效果.承载动画的另一个属性——@keyframes.使用的时候为了兼容可加上-webkit-.-o-.-ms-.-moz-.-khtml-等前缀以适应不同的浏览器. 创建动画的原理是,将一套 CSS 样式逐渐变化为另一套样式. 通

JS事件及其兼容用法

JavaScript与HTML之间的交互是通过事件实现的.事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间. 1.事件流:描述的是从页面中接收事件的顺序. IE提出的事件冒泡流:事件开始由最具体的元素接收,然后向上传播到较为不具体的节点. Nerscape提出的事件捕获流:由最不具体的元素逐渐传播到最具体的节点. DOM2级事件规定了事件流包括三个阶段:事件捕获阶段.处于目标阶段和事件冒泡阶段.首先发生的是事件捕获,为截获事件提供了机会.然后实际的目标接收到事件.最后一个阶段是冒泡阶段,可以

主要讲下hack的兼容用法,比较浅,哈哈

hack是主要来处理IE的兼容,不同的IE,不同的兼容方式 /* 属性前缀法(即类内部Hack): *color:#000; *号对IE6,IE7都生效 +color:#555; +号对IE6--IE10都生效 -color:#999; -号只对IE6生效 _color:#888; _下划线只对IE6生效 color:red\9;\9对 IE6/IE7/IE8/IE9/IE10都生效 color:blue\0; \0对IE8/IE9/IE10都生效,是IE8

【学习】js学习笔记：内置顶层函数eval()的兼容用法

今天学了一个内置顶层函数,eval();其作用是将字符串转换成javascript命令执行,但必须符合语法,否则会报错. 如果写成window.eval(),则其定义的变量会在全局生效. 但是,在IE中,(测试为IE8及以下), window.eval()定义的变量不能在全局作用域生效,而ie有自己的一个函数为window.execScript()可以做到同样的效果.于是,在实际应用中,需要一个判断的函数,分别使用.如下: function evals(str){ if(typeof str!=

Linux 平台静默安装 Oracle客户端

需求:Linux平台,安装完整版Oracle客户端 Tips:如果只是用到sqlldr,sqlplus功能,可以参考<Linux上oracle精简版客户端快速部署>快速部署精简版:如果需要用到proc等其他功能,建议安装完整版客户端. 环境:RHEL5.4 + Oracle client 11.2.0.1 1.安装前检查 2.配置响应文件 3.静默安装客户端 4.配置环境变量 1.安装前检查 1.1 依赖包比如RHEL5的依赖包需求: rpm -q binutils compat-libst

【深入BFC】关于CSS中float布局，清除浮动，和margin合并的原理解析，解开你心中的那些困惑！

BFC的通俗理解: Block Formatting Context(块级格式化上下文)是W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用. 简单来讲,我们可以把它理解为,我们在进行盒模型布局的时候,如果一个元素符合了成为BFC的条件,该元素成为一个隔离了的独立容器,元素内部元素会垂直的沿着其父元素的边框排列,和外部元素互不影响 .比如浮动元素会触发BFC,浮动元素内部的子元素主要受到该浮动元素的影响,而两个浮动元素之间是互不影响的. 在

CakePHP之请求与响应对象

请求与响应对象请求与响应对象在 CakePHP 2.0 是新增加的.在之前的版本中,这两个对象是由数组表示的,而相关的方法是分散在RequestHandlerComponent,Router,Dispatcher 和 Controller 之中的.关于请求对象包含什么信息,之前并没有权威性的对象. 在2.0中, CakeRequest 和 CakeResponse 用于此目的. CakeRequest CakeRequest 是 CakePHP 中缺省的请求对象.它集中了一些特性,用来查询(i

js 多媒体audio video

本文主要简单的介绍一下audio 和 video两个标签的用法 <audio src="music.mp3"></audio> <video src="movie.mov" width=320 height=240</video> <audio>兼容用法 <audio> <source src="music.mp3" type="audio/mpeg"/&

使用gulp打包普通项目

前言: 在使用gulp打包工具之前,我做的H5项目在浏览器中的缓存是很严重的,若改了一点css,加了一句js代码,不手动清除浏览器缓存是看不到效果的.老总也在项目演示当中遇到这些问题,一查找原因却是缓存问题,于是老总多次要求得解决这个问题,不能每次遇到这个问题,你去叫客户清下缓存.于是我就在找解决问题的方法,一开始是想着如何可以动态的给引入的文件后面加上时间戳参数,试了一下貌似不行,就选择花时间去研究gulp打包工具了,这样既可以解决浏览器缓存的问题,也可提高代码的安全性! 环境安装: 首先,安

HTML5+CSS3整体回顾

http://blog.poetries.top/2016/10/19/HTML5+CSS3%E5%9F%BA%E7%A1%80%E5%9B%9E%E9%A1%BE%20/ 这篇文章主要总结H5的一些新增的功能以及一些基础归纳,这里只是一个提纲,并不是很详细,后面会一直完善补充新的内容,本文是一些笔记记录,放在这里供自己参考也供他人学习! 第一课 HTML5结构 HTML5 是新一代的 HTML DTD声明改变 <!DOCTYPE html> 新的结构标签常用的一些新的结构标签补充说明 s

前端开发工程师 - 03.DOM编程艺术 - 第1章.基础篇(下)

第1章.基础篇(下) Abstract: 数据通信.数据存储.动画.音频与视频.canvas.BOM.表单操作.列表操作数据通信(HTTP协议) HTTP事务: 客户端向服务器端发送HTTP请求报文:服务器端接收到HTTP请求报文后,经过处理,向浏览器返回一个包含事务结果的HTTP响应报文请求报文: i.e. 请求行:GET music.163.com HTTP/1.1 请求方法主机地址 HTTP版本请求头:由很多键值对构成 Accept:浏览器端可接受的媒体类型 Accept-

Css3动画-@keyframes与animation

一.@keyframe 定义和用法 @keyframes是用来创建帧动画的,我们通过这个属性可以用纯css来实现一些动画效果. 一般格式是: @keyframes 动画名称{ 0%{ 动画开始时的样式 } 100%{ 动画结束时的样式 } } 以百分比来规定改变发生的时间,或者通过关键词 "from" 和 "to",等价于 0% 和 100%.0% 是动画的开始时间,100% 动画的结束时间,浏览器可以自动补间,中间也可以设置多个百分比,实现更加多变的动画效果. 由

兼容ie8 rgba()用法

今天遇到了一个问题,要在一个页面中设置一个半透明的白色div.这个貌似不是难题,只需要给这个div设置如下的属性即可: background: rgba(255,255,255,.1); 但是要兼容到ie8.这个就有点蛋疼了.因为ie8不支持rgba()函数.下面我们总结一下rgba()函数的含义. rgba的含义,r代表red,g代表green,b代表blue,红绿蓝是三原色.所有颜色都可以由这三种颜色拼合而成.a代表透明度.比如rgba(255,255,255,0.1)就是透明度为0.1的白

兼容ie8 rgba()用法滤镜filter的用法

原文 http://blog.csdn.net/westernranger/article/details/40836861 今天遇到了一个问题,要在一个页面中设置一个半透明的白色div.这个貌似不是难题,只需要给这个div设置如下的属性即可: background: rgba(255,255,255,.1); 但是要兼容到ie8.这个就有点蛋疼了.因为ie8不支持rgba()函数.下面我们总结一下rgba()函数的含义. rgba的含义,r代表red,g代表green,b代表blue,红绿蓝

css3 media媒体查询器用法总结兼容ie8以下的方法

总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法. http://www.360doc.com/content/14/0704/06/10734150_391862769.shtml 准备工作1:设置Meta标签首先我们在使用Media的时候需要先设置下面这段代码,来兼容移动设备的展示效果: 这段代码的几个参数解释: width = device-width:宽度等于当前设备的宽度 initial-scale:初始的缩放比例(默认设置为1.0) minimum-scale:

background:rgba() 兼容ie8 用法

background: rgba(255,255,255,.1);//火狐,谷歌等 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);//兼容IE 第二行的意思就是当上一行的透明度不起作用的时候执行.这句话的意思本来是用来做渐变的.但是这个地方不需要渐变.所以两个颜色都设置成了相同的颜色. 这个颜色"#19ffffff"是由两部分组成的. 第一

css 兼容ie8 rgba()用法

今天遇到了一个问题,要在一个页面中设置一个半透明的白色div.这个貌似不是难题,只需要给这个div设置如下的属性即可: background: rgba(255,255,255,.1); 但是要兼容到ie8.这个就有点蛋疼了.因为ie8不支持rgba()函数.下面我们总结一下rgba()函数的含义. rgba的含义,r代表red,g代表green,b代表blue,红绿蓝是三原色.所有颜色都可以由这三种颜色拼合而成.a代表透明度.比如rgba(255,255,255,0.1)就是透明度为0.1的白

css3 media媒体查询器用法总结（附js兼容方法）

css3 media媒体查询器用法总结标签:class 代码 style html sp src 随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆的尝试了这项技术,并完美的应用在了自己的网站上了.再不更新知识你就老了.我今天就总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法. 准备工作1:设置Meta标签首

backgroud背景色样式兼容ie8 rgba()用法

今天遇到了一个问题,要在一个页面中设置一个半透明的白色div.这个貌似不是难题,只需要给这个div设置如下的属性即可: background: rgba(255,255,255,.1);但是要兼容到ie8.这个就有点蛋疼了.因为ie8不支持rgba()函数.下面我们总结一下rgba()函数的含义. rgba的含义,r代表red,g代表green,b代表blue,红绿蓝是三原色.所有颜色都可以由这三种颜色拼合而成.a代表透明度.比如rgba(255,255,255,0.1)就是透明度为0.1的白色

es6 class函数的用法，及兼容程度

//es6中 class的新特性:面向对象的方式 class name{ fram(){ var div=document.getElementById("div"); div.style.background="blue"; } } var nam=new name; //nam 实例对象 nam.fram(); //调用方法 //兼容程度: chrome 火狐 edge 等高版本浏览器都支持,像传统的ie浏览器,并不支持: (有些编辑器也不支持这种写法,会报

!important的用法（IE6 兼容的解决方法）

我们知道,CSS写在不同的地方有不同的优先级, .css文件中的定义 < 元素style中的属性,但是如果使用!important,事情就会变得不一样. 首先,先看下面一段代码: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>测试Css中的

keyframe transfrom兼容用法

热门专题