随笔分类 - css
摘要：zSass 是自己整理的一个 sass 库，参考了 sassCore。
阅读全文
摘要：前几天做的项目中碰到这样一个问题，在 ie6 和 ie7 下，给父元素设置 overflow:hidden 不起作用无法隐藏，后来发现是子元素中有设置 position:relative，如果子元素删除 position:relative，那么父元素的 overflow:hidden 可以隐藏。
阅读全文
摘要：昨天写了一篇基于 jquery 实现 ie 浏览器兼容 placeholder 效果，具体内容点击传送门。不过还是有点小瑕疵，就是不能设置 placeholder 文本颜色。本文主要介绍利用 css 修改 placeholder 文本颜色。
阅读全文
摘要：前段时间在写样式的时候发现了这个问题，虽然当时就解决了这个 bug 不过还是记录下，以免再次出现这样的问题。通过 demo 我们可以发现，在 ie6 和 ie7 浏览器中，鼠标移上去上下边框不显示只有左右边框显示，而其他浏览器都是正常显示，为什么呢？因为 a 标签在 ie6 和 ie7 中 hasLayout 属性为 false，至于何为 hasLayout？请百度，这里我就不多说了。
阅读全文
摘要：在做页面是有时候会用到分割线 hr，但是在 ie6 和 ie7 下显示很蛋疼，本文将教你如何写出兼容各浏览器的 hr。
阅读全文
摘要：最近在项目中，有很多地方都用到了线性渐变，比如：表单提交按钮的背景，数据展示的标题背景等等，按照以前的做法是切 1px 图片然后 repeat-x。下面我将介绍如何用 css 来完成该效果。
阅读全文
摘要：只有当绝对定位元素的邻近浮动元素的宽度大于父层宽度减 3 时（即如果父层宽度是 300px，浮动层的宽度大于 297px），该绝对定位元素在 ie6 下面会隐藏。
阅读全文
摘要：css 中文字体可以用 unicode 格式来表示，比如“宋体”可以用 \5B8B\4F53 来表示。
阅读全文
摘要：本文主要是讲解如何在 html 中使用 clearfix 和 clear，针对那些刚开始了解 css 的童鞋。
阅读全文
摘要：如今有很多网站都用上了 inline-block 属性，比如 {display:inline-block; *display:inline; *zoom:1}，以上 css 代码随处可见。很多人看见 *display:inline; *zoom:1 就下意识的认为：哦，原来 inline-block 这个属性 ie6 和 ie7 不支持。那么 ie6,7 真的不支持 display:inline-block 吗？
阅读全文
摘要：以前写过一篇纯 css 制作带三角的边框，那篇文章是用 html 特殊字符来制作三角的，今天介绍下，如何用 border 来制作三角。
阅读全文
摘要：ie6 中 li 插入图片后下方有空隙 bug，这是 ie6 的有一个经典 bug。解决该 bug 有很多方法，今天我整理了下，共4种方法，给大家分享下。
阅读全文
摘要：今天群里有人问了个问题：在固定宽度的块级元素中，里面的内容最后一词组在宽度不够的情况下没有换行，如何让它换到下一行？这里我整理了下群里的方法，分享给大家。
阅读全文
摘要：通常我们写 css 的时候写的数字都是整数，如 font-size:12px; margin:20px; 那么看到标题可能有人会问，css 属性值可以有小数点么？如果是小数那会显示成什么样子？和整数有什么区别？
阅读全文
摘要：现在的网站一般字体大小都是 12px，在 12px 下单选框和复选框文字垂直居中对不齐，不过要是字体大小是 14px 的话却完全没有这个问题。下面我整理了下解决方法，总共有 6 种。
阅读全文
摘要：对于 ie6 不支持 position:fixed，我们通常会利用 css 的 expression 方式来解决。下面我将介绍另外种方法，没有 expression，有的只是一些 css hack。
阅读全文
摘要：我们知道 html 中有一些特殊的字符，通过这些特殊字符再利用 css 中的 margin 或者 position 方法完全可以实现带三角的边框。
阅读全文
摘要：今天在整理文件的时候发现了一个以前收藏的纯 css 写的圆角 demo，给大家分享下。
阅读全文
摘要：css 的居中有水平居中和垂直居中，这两种居中又分为行内元素居中和块级元素居中，不同的居中用不同方法。
阅读全文
浙公网安备 33010602011771号