随笔分类 -  CSS

css 射线实现方法
摘要：一个斜的四边形 .top_ad_out::before { .top_ad_out::before { } 阅读全文
posted @ 2016-04-23 21:20 Yanyd 阅读(1363) 评论(0) 推荐(0)
z-index无效问题的解决方法
摘要：在使用z-index这个属性之前，我们必须先了解使用z-index的必要条件： 1、要想给元素设置z-index样式，必须先让它变成定位元素，说的明白一点，就是要给元素设置一个postion:relative(定位元素：position属性值设置除默认值static以外的元素，包括relative， 阅读全文
posted @ 2016-04-02 13:45 Yanyd 阅读(436) 评论(0) 推荐(0)
奇怪的transform bug
摘要：对一个元素使用transform：rotate 进行旋转，造成：父元素的背景图位置偏移，往下降，背景图也会变模糊一些造成重绘，导致该元素后面的兄弟元素受到影响，变得模糊，并且无法遮盖住父元素的背景图解决方法：把后面的元素写到该元素的前面，有绝对定位使之放到正确的位置他妈的真是一个奇怪的bug，费我5... 阅读全文
posted @ 2015-12-10 18:08 Yanyd 阅读(369) 评论(0) 推荐(0)
一些CSS技巧
摘要：1、网页LOGO背景居中html{　background:#f5f7f9url(img/logo.png) no-repeat center center fixed;　background-size:150px;}不要使用body,因为它的高度经常会比浏览器窗口的高度低 阅读全文
posted @ 2015-11-09 11:47 Yanyd 阅读(144) 评论(0) 推荐(0)
一行很好的JS代码
摘要：[].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16)})这对于调试CSS很有帮助1、获取页面上所有的元素： $$('*')==quer... 阅读全文
posted @ 2015-03-12 22:32 Yanyd 阅读(248) 评论(0) 推荐(0)