概述之前没仔细看过,反正就是经常遇到加上transform平移之后文字和其它对象就会变模糊的问题,后来发现,只有奇数的时候才会出现,偶数不会。 20170401更新测试浏览器:Chrome50.0 可正当我准备单独写一个测试案例的时候却发现怎么都无法复现前面碰到的模糊问题:新写的测试页面无论是奇数还是偶数都不会模糊,但是项目页面还是存在,且即使我把测试页面的代码copy到项目页面里面去也还是会... 阅读全文
概述之前没仔细看过,反正就是经常遇到加上transform平移之后文字和其它对象就会变模糊的问题,后来发现,只有奇数的时候才会出现,偶数不会。 20170401更新测试浏览器:Chrome50.0 可正当我准备单独写一个测试案例的时候却发现怎么都无法复现前面碰到的模糊问题:新写的测试页面无论是奇数还是偶数都不会模糊,但是项目页面还是存在,且即使我把测试页面的代码copy到项目页面里面去也还是会... 阅读全文
说明非标准属性,仅限webkit内核浏览器。 组成部分一个完整滚动条右以下部分组成: ::-webkit-scrollbar 滚动条整体部分,常用属性:width,height,background,border;::-webkit-scrollbar-button 滚动条两边的按钮,默认不设置时不显示,可设置高度、背景色、背景图片;::-webkit-scrollbar-track 整个... 阅读全文
前言我喜欢把复杂问题简单化,把简单问题更简单化,看到网上介绍CSS盒模型的文章写那么多,觉得还是有必要自己再总结一下。 CSS3出现以前首先,CSS3之前,关于盒模型有这两种,一种是W3C标准盒模型,一种是IE盒模型(低版本IE或者缺少!DOCTYPE会触发此模式)。 所谓W3C标准盒模型,就是实际内容宽度等于设置的宽高度(不包括padding和border);所谓IE盒模型,就是实际内容... 阅读全文
作用box-shadow用来给元素添加一个或者多个阴影。 语法box-shadow: offsetX offsetY blur size color inset;其中: offsetX 表示水平偏移距离,允许负值offsetY 表示垂直偏移距离,允许负值blur 表示模糊值,不写默认0size 表示阴影大小,不写默认0color 表示阴影颜色inset 表示内容阴影,可选 以上6个属... 阅读全文
如题如果某个元素之前设置了zoom属性,后面再在style上面覆盖时,如果覆盖的值和原先的一样,zoom会失效,而其它值时则没任何问题,比如下面的代码,zoom设置0.4或者0.6都没问题,唯独设置成0.5时zoom失效!这个有待其它浏览器测试验证。 另外,Firefox竟然至今都不支持zoom属性,连IE和Android等都支持了,好奇怪Firefox为啥不支持,虽然可以用transfor... 阅读全文
先看代码将一个div从left为0的地方移动到1000的地方,采用transition动画,动画执行中获取到的left值为多少呢? element.style { position: absolute; transition: left 10s; left: 0px; left: 1000px;} 测试($0表示测试那个div): $0.style.left // "... 阅读全文
css1和css2就开始有的选择器css3新增选择器兄弟选择器属性选择器索引选择器其它选择器:epmty::selectionlast-of-type 和 last-child参考css1和css2就开始有的选择器css3新增选择器兄弟选择器E ~ F通用兄弟元素选择器是CSS3新增加一种选择器,这种选择器将选择某元素后面的所有兄弟元素,他们也和相邻兄弟元素类似,需要在同一个父元素之中,换句话说,... 阅读全文