ZO的仓库

导航

2015年1月9日 #

Chrome渲染Transition时页面闪动Bug

摘要: 前段时间,有同事和会员反馈使用Chrome访问淘宝首页会出现画面闪动的现象,但是我在Mac和Win下面的Chrome都无法重现这个问题,后来重装了一遍Win7下的Chrome Beta版本,终于重现了这个问题,正好研究解决下…问题主要集中于淘宝首页吊顶以及左侧服务栏处,鼠标移过整个页面会闪动一次,R... 阅读全文

posted @ 2015-01-09 16:25 MIXZO 阅读(382) 评论(0) 推荐(0) 编辑

自定义webkit搜索框样式

摘要: 好吧,这是个有点儿蛋疼的文章,每个浏览器都可以有自己的行为和表现,只是webkit在apple的带领下,在UI上走的更远了一点儿,但是却给我们带来了点儿困扰,因为很多情况下,我们希望搜索框在所有的浏览器上表现一致。。。用过mac的同学应该了解这个情况:就拿前端观察右上角的搜索框来说,在Windows... 阅读全文

posted @ 2015-01-09 16:24 MIXZO 阅读(574) 评论(0) 推荐(0) 编辑

JS获取屏幕,浏览器,网页高度宽度

摘要: 网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的... 阅读全文

posted @ 2015-01-09 16:22 MIXZO 阅读(163) 评论(0) 推荐(0) 编辑

jQuery 获取父窗口的元素 父窗口 子窗口(iframe)

摘要: $("#父窗口元素ID",window.parent.document);对应javascript版本为window.parent.document.getElementByIdx_x("父窗口元素ID");取父窗口的元素方法:$(selector, window.parent.document);... 阅读全文

posted @ 2015-01-09 16:21 MIXZO 阅读(693) 评论(0) 推荐(0) 编辑

解决IE6下JS动态插入iframe不显示的方法

摘要: function myshowBox(titles, urls, objWidth, objHeight, flags){ var _title = titles; var _url = urls; var _width = objWidth; var _height = objHeight... 阅读全文

posted @ 2015-01-09 16:20 MIXZO 阅读(176) 评论(0) 推荐(0) 编辑

css实现阴影效果(box-shadow)

摘要: box-shadow 使用方法设置块阴影语法:box-shadow:||取值:?? ||:阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色说明:引擎类型GeckoWebkitPrestoBox-shadow-moz-box-shadow-webkit-border-s... 阅读全文

posted @ 2015-01-09 16:18 MIXZO 阅读(451) 评论(0) 推荐(0) 编辑

一些上流的CSS3图片样式

摘要: 直接在图片元素上直接应用CSS3 inset box-shadow 或 border-radius时,浏览器并不能完美的渲染它们。不过,如果把这个图片用作背景图,你就可以可以给它添加任何样式了,浏览器也会很好地渲染。Darcy Clarke和我做了一个简单的教程,讲解如何使用jQuery来动态地制作... 阅读全文

posted @ 2015-01-09 16:17 MIXZO 阅读(514) 评论(0) 推荐(0) 编辑

animate.css 一些常用的CSS3动画效果

摘要: 大家已经开始在项目中使用一些CSS3动画效果了吧,这让网站在高端浏览器上看起来很上流。animate.css是一个老外做的各种CSS3动画的合集,比较全,也很炫,大家可以参考学习一下。项目主页:http://daneden.me/animate/自定义下载样式:http://daneden.me/a... 阅读全文

posted @ 2015-01-09 16:16 MIXZO 阅读(295) 评论(0) 推荐(0) 编辑

CSS3实现背景颜色渐变

摘要: CSS3渐变色生成网站:http://gradients.glrzad.com/本文参考:前端设计之用CSS3做线性渐变效果http://webskys.com/css3/10.html在CSS3出来以前,想要显示一个渐变的效果,必须要专门制作一个图片。CSS3的出现,使得渐变色得以简单的实现。由于... 阅读全文

posted @ 2015-01-09 16:14 MIXZO 阅读(492) 评论(0) 推荐(0) 编辑

CSS3 动画基础

摘要: 该文为译文转载,原文地址:http://tech.163.com/mobile/10/0106/09/5SB96QSM00112K88.html译文:你需要知道的CSS3 动画技术原文:What You Need To Know About Behavioral CSS为网络而生CSS 3的属性比如... 阅读全文

posted @ 2015-01-09 16:13 MIXZO 阅读(129) 评论(0) 推荐(0) 编辑