分类目录归档:CSS Hack

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

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

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

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

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

用css制作无图片三角形

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

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

CSS代码:

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

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

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

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

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

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

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

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

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

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

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

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

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

1.div的垂直居中问题

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

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

收集一些前端hacks

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

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

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

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

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

11个代码整洁的前端技巧

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

[......]阅读全文

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

13条css hack常见问题解答

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

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

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

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

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

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

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

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

CSS命名规范合集

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

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

height:100%和height:auto的区别

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

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

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