- 博客(8)
- 收藏
- 关注
RSS订阅
原创 前端开发中遇到的兼容性问题
1.在页面中让图片360度旋转，因为要兼容Ie7,8,所以不能用css3的animation属性，引入了jQueryRotate.2.2.js插件,虽然Ie9转动，但Ie7、8图片是不转的。一直困扰我，后来终于解决了这个问题，原来在我的项目中我是用div的背景图片引入了这个图片，这样在ie7、8中图片是不转的。解决办法：用img标签引入这张图片，兼容性问题得到解决。
2016-12-02 11:52:39
4302
原创 工作中遇到的动画
1.描述：在整个网站页面上该图片都显示，当用户关闭按钮之后，一个浏览器不管打开几个标签页图片都不显示除非关闭浏览器后重新打开浏览器。 var COOKIE_NAME = "showbox"; if($.cookie(COOKIE_NAME)){ $(".cgonline").hide(); }else
2016-12-09 10:46:08
519
原创 rem、px、em(手机端h5页面屏幕适配的几种方法)
pxpx像素（pixel）：相对长度单位。相对于显示器屏幕分辨率而言。pc端使用px倒也无所谓，可是在移动端，因为手机分辨率种类颇多，不可能一个个去适配，这时px就显得非常无力，所以就要考虑em和rem。em相对于父节点的font-size，会有一些组合的问题。比如你把body的font-size定义为50%，一般地会是8px。那么你在body里字体大小就是1em=8px了。可
2016-12-06 11:30:08
41421
原创 Modernizr
什么是 Modernizr？ Modernizr是一个JavaScript库，用于检测用户浏览器的HTML5与CSS3特性。为什么使用 Modernizr？ 使用炫酷新颖的web技术是一件有趣的事情，但你不得不面对落后的浏览器。 Modernizr可以使你方便的为各种情况编写JavaScript和CSS，无论浏览器
2016-11-22 14:34:26
485
原创 CSS hack(各个浏览器兼容问题)
什么是CSS Hack? 由于不同厂商的浏览器或某浏览器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等），对CSS的支持、解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时，我们为了获得统一的页面效果，就需要针对不同的浏览器或不同版本写特定的CSS样式，我们把这个针对不同的浏览器/不同版本写相应的CSS
2016-11-22 11:55:44
532
原创 CSS3 animation的各个属性
“@keyframes”关键帧：自定义一些动画名称，规定什么时间做什么动作。即“@keyframes”后面跟着动画名称加上一对花括号“{...}”,花括号中是不同时间段样式。例如 @keyframes changecolor { 0%{ background : red; } 100%{
2016-11-21 14:33:24
1113
原创 CSS3属性transition（过渡）详解
transform呈现的是一种变形结果，而transition呈现的是一种过渡，通俗点说就是一种动画转换过程，如渐显、渐弱、动画快慢等。transition和transform是两种不同的动画模型。transition 属性是一个简写属性，用于设置四个过渡属性：transition-property 指定要过渡的css属性transition-durat
2016-11-21 11:32:33
6734
原创 CSS3属性transform详解之（旋转:rotate,缩放:scale,倾斜:skew,移动:translate）
在CSS3中，可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理一.旋转 rotate用法：transform: rotate(45deg);参数“角度”，单位deg为度的意思，正数为顺时针旋转，负数为逆时针旋转，上述代码作用是顺时针旋转45度。二.缩放 scale用法：transform: scale(0.5
2016-11-21 11:16:33
805
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人