分类目录归档：CSS Hack

收集和学习各浏览器(ie6,ie7,ie8,ie9,firefox,chrome,safari)等的兼容性(hack)问题

打印网页时显示背景色和背景图片解决方案

发表于2014 年 3 月 13 日由reake

最近在做一项目时，遇到一个问题，内容增加多时换行没有下划线了（书信效果）。
所以想到最好的方式是做一张有划线的书信纸背景图当背景。
发现在打印预览的时，背景图不显示。
后来通过百度和google找到几种方式，可供大家参考。

1、在IE的工具里，Internet选项–>高级–&g[……]阅读全文

发表在 CSS Hack, 开发 | 标签为 , , | 留下评论

用css制作无图片三角形

发表于2013 年 6 月 1 日由reake

今天在站长平台上看到一篇关于 ” 网站性能优化之CSS无图片技术”的文章，感触比较深，有做前端的我，自叹不如，高手如云。

特意取一段css代码试了一下，纯css制作的三角形，神奇，贴分享

CSS代码：

.arrow {
display:block;
width:0;
heig[……]阅读全文

发表在 CSS Hack | 标签为 , , | 留下评论

快速学习CSS的顺口溜和布局口诀

发表于2012 年 9 月 10 日由reake

IE边框若显若无，须注意，定是高度设置已忘记；

浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；

三像素文本慢移不必慌，高度设置帮你忙；

兼容各个浏览须注意，默认设置行高可能是杀 手；

独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；

学布局须思路[……]阅读全文

发表在 CSS Hack | 标签为 | 留下评论

IE6-IE9,火狐,谷歌,css hack兼容技巧

发表于2012 年 9 月 10 日由reake

收集整理了IE7,6与Fireofx的CSS兼容性处理技巧，供大家参考。CSS兼容常用技巧

请尽量用xhtml格式写代码，而且DOCTYPE影响 CSS 处理，作为W3C标准，一定要加DOCTYPE声明。

1.div的垂直居中问题

vertical-align:middle; 将行[……]阅读全文

发表在 CSS Hack | 标签为 , , , , | 留下评论

收集一些前端hacks

发表于2012 年 8 月 20 日由reake

1、前端页面有哪三层构成，分别是什么？作用是什么？

结构层（由 HTML 或 XHTML 之类的标记语言负责创建）、表现层（由CSS控制）、行为层（Javascript 语言和 DOM 主宰的领域）

2、啥子是css内联式，外联式，嵌入式?

内联式就是样式的属性内容直接跟在将要修饰的html标[……]阅读全文

发表在 CSS Hack | 标签为 , | 留下评论

11个代码整洁的前端技巧

发表于2012 年 7 月 13 日由reake

写Web页面就像我们建设房子一样，地基牢固，房子才不会倒。同样的，我们制作Web页面也一样，一个良好的HTML结构是制作一个美丽的网站的开始，同样的，良好的CSS只存在同样良好的HTML中，所以一个干净的，语义的HTML的优点很多，那么平时制作中，我们做到了这一点吗？我们一起来看一张图片：

[……]阅读全文

发表在 CSS Hack, 资源 | 标签为 | 留下评论

13条css hack常见问题解答

发表于2012 年 6 月 29 日由reake

很多的时候，我们就是去改下，或者利用各个浏览器对代码支持的不一致，进行针对各个浏览器进行不同的定义。

其实浏览器的不兼容，我们往往是各个浏览器对于一些定义不一致所导致的，因此，我们可以进行一些初始化，很多问题都很轻松解决。

下面是13条情况仅供参考：

1. 文字本身的大小不兼容[……]阅读全文

发表在 CSS Hack | 标签为 , | 留下评论

CSS hack 兼容IE6/IE7/FF的通用方法

发表于2012 年 5 月 1 日由reake

于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.
一、CSS HACK以下两种方法几乎能解决现今所有HACK.
1, !important 
随着IE7对!important的支持, !importan[……]阅读全文

发表在 CSS Hack | 标签为 , | 留下评论

CSS命名规范合集

发表于2012 年 1 月 5 日由reake

页头：header  如：#header{属性:属性值;}或.header{属性:属性值;}
登录条：loginBar         标志：logo                侧栏：sideBar
广告：banner              导航：nav                 子导[……]阅读全文

发表在 CSS Hack | 标签为 , , | 留下评论

height:100%和height:auto的区别

发表于2011 年 11 月 9 日由reake

一直不明白height:100%和height:auto的区别，最近在制作前端页面时都用了height:100%;overflow:hidden; ，可是有些浏览器出现莫名的奇妙的问题，但换成height:auto就好了，百度过这个问题，却一直没有细看。

今天又浮现了同样的问题，百度细看和群里的朋[……]阅读全文

发表在 CSS Hack | 标签为 , | 一条评论