![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
IDE
lolol123
lolol-lolol
展开
-
10个奇特的 HTML5 单页网站
网页设计师努力寻找新的方式来展现内容。其中一个大的趋势是单页网站,现在被世界上的一些大的品牌广泛采用,使用它们来为用户提供一个快速,干净和简单的而且美丽的网站。下面是10个令人惊叹的单页 HTML5 的网站,涵盖了简约设计,简单导航和视差滚动的综合应用。Every Last DropMarty.comOakley Airbrake MXScr转载 2014-02-27 15:45:40 · 1938 阅读 · 0 评论 -
IE6,IE7下text-indent消失问题
实际应用中,考虑seo的情况下,很多button,icon都要用到inline-block和text-indent来处理例如:HTML:ButtonCSS: .btn{display:inline-block; width:100px; height:23px; text-indent:-9999px;background-image:url(img.jpg);}如果这样写转载 2014-03-02 11:00:58 · 880 阅读 · 0 评论 -
想学习超流行的响应式设计?来看看这篇教程
网上关于响应式设计的教程好复杂,我写一个简版的。简单说呢就针对不同的屏幕分辨率应用不同的CSS样式。比如在电脑、Pad设备上,屏幕比较宽,就可以一行放2个Div。到了手机上,或者Pad竖着拿的的时候,一行就只放1个Div。这里有2个关键点:一是如何在不修改Dom结构的前提下调整布局。二是如何判断屏幕分辨率并应用对应的CSS。以上两点都应该不依赖与JS转载 2014-03-02 21:06:04 · 976 阅读 · 0 评论 -
IE6中CSS常见BUG全集及解决方案
IE6双倍边距bug当页面内有多个连续浮动时,如本页的图标列表是采用左浮动,此时设置li的左侧margin值时,在最左侧呈现双倍情况。如外边距设置为10px, 而左侧则呈现出20px,解决它的方法是在浮动元素上加上display:inline;的样式,这样就可避免双倍边距bug。 3像素问题及解决办法当使用float浮动容器后,在IE6下会产生3px的空隙,有意思的转载 2014-03-03 09:31:18 · 743 阅读 · 0 评论 -
IE6中CSS常见BUG全集及解决方案
IE6双倍边距bug当页面内有多个连续浮动时,如本页的图标列表是采用左浮动,此时设置li的左侧margin值时,在最左侧呈现双倍情况。如外边距设置为10px, 而左侧则呈现出20px,解决它的方法是在浮动元素上加上display:inline;的样式,这样就可避免双倍边距bug。 3像素问题及解决办法当使用float浮动容器后,在IE6下会产生3px的空隙,有意思的转载 2014-03-03 09:33:23 · 893 阅读 · 0 评论 -
解读一淘网(etao)首页响应式兼容ie6~ie8实现方法
渴切(keqie.com)讯:近段时间一直忙于渴切v3.1的升级工作 ,为了给渴切 添加ie6~ie8的响应支持,研究了不少的响应式网站,不管是国外的还是国内的。 这块国内资料比较少 ,于是打开谷歌英文版 搜索“response css framework”类似关键词的查询, 发现国外的响应是不用兼容ie6~ie8的。然后试着搜索了一下“css3 response ie6 js”关键词,发现了转载 2014-03-14 17:10:27 · 1878 阅读 · 0 评论