有很长一段时间没有写关于Css方面的文章了，今天刚好有空，就整理了一些Css兼容性问题解决的方法。当我们使用不同的浏览器（IE6.0,IE7.0,FireFox）访问同一个网站，或者页面的时候，会出现一些不兼容的问题，有的显示出来正常，有的显示出来不正常，我们在编写CSS的时候会很恼火，刚修复了这个浏览器的问题，结果另外一个浏览器却出了新问题。而兼容就是一种办法，能让你在一个CSS里面独立的写支持不同浏览器的样式。
下面列出区分IE6.0,IE7.0,FireFox的CssHack写法：
代码如下：
>>阅读全文
大家在进行网站架构重组的时候,肯定首先会对网站的整体样式做一个规划,常用的元素基本上都有默认值,如果默认值不重新进行定义,可能会造成不同浏览器之间存在兼容性的问题.
我参考了一下几个大型网站如网易,阿里巴巴,新浪等的元素申明及重定义(专业术语:CssReset),结合自己工作的实际情况,对常用的元素做了一个总结,这样以后在对某一个网站进行CssReset的时候,就不用再去想要定义哪些元素了.
下面把代码贴出来,有需要的可以拿去用.
>>阅读全文
通过一张背景图片，实现自适应宽度的按纽，原理就是通过背景图片的左对齐和右对齐，用A标签和span标签组合出一个完整的圆角矩形，然后再通过hover标签去滑动图片，原理展示如下图所示：
而完成些过程只需要下面这一张图片：
下面附上演示代码：
此无缝滚动的代码完全采用Div+Css架构，滚动区域大小完全只要设置CSS即可。
>>阅读全文
在div+css布局中，一般都这样来整体构架的：
<div id="header"></div>
<div id="center"></div>
<div id="footer"></div>
而对于header部分，肯定要显示网站标题，除了显示网站标题外，还可能要显示其他比较重要的对象，比如网站的导航栏：
>>阅读全文
FF中的自适应高度之背景的自适应高度问题的完美解决方法
对于背景不能自动延伸的，解决的思路就是用clear:both，解决的方法是在层里面再多嵌套一个层，这个层设置浮动，并承担背景，就搞定了。
下面附上在FF中的背景的自适应高度完美解决方案，在ie6、ie7、ff、mathon下测试均通过！Perfect！！！
.clear{clear:both;line-height:1px}
今天朋友发现他的网站左侧的产品列表只显示了一部分，还有一部分没有显示，问我是什么原因，朋友用的是IE7，当时做网站的时候，我用的是FF,Myie,IE6测试均通过，没有出现排版错位的现象，IE7是例外，我没有用。今天下载下来一调试，果然是只显示一部分，现问题已经解决。并整理出来与大家共享！
在控制显示的层的样式表里面加上下面代码：
想必大家都注意到marquee的不循环滚动，所以出现了很多替代脚本，或iframe或JS输出marquee，不管怎么做，都略显麻烦。
下面说一下这个相对简单的实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆，通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当滚动至demo1与demo2的交界处时直接跳回初始位置，因为demo1与demo2一样，所以分不出跳动的瞬间，从而达到“无缝”滚动的目的。
>>阅读全文
近段时间本人在不断学习web2.0标准，学习到了许多东西，也遇到了许多问题。
如何完美布局多行多列是我们设计时常见的问题，下面我把自己的个人心得贴出来，与大家分享，希望能对正被此问题困扰的朋友有所帮助。
1、标准页面，请另存为index.html
>>阅读全文