CSS
文章平均质量分 74
苏颜暄
这个作者很懒,什么都没留下…
展开
-
浮动bug的解决方法
解决浮动溢出的问题 在浏览器中预览时,有时会发现所定义的背景色和边框线并没有显示出来,这是浮动溢出的问题。所谓浮动溢出就是当子元素被定义为浮动显示时,而父元素文档流动显示,则子元素会离开父元素的怀抱,如果父元素没有定义高度,则我们会认为为它定义的背景色和边框没有显示出来。解决的办法是:定义父元素也浮动显示,如给li所定义的背景色和边框线不显示时,将ul也浮动显示。当元素浮动显示时,它原创 2013-03-20 12:00:37 · 844 阅读 · 0 评论 -
浮动bug的解决方法(续)——浮动间距问题
垂直间距问题浮动元素与块状元素之间间距为上下外边距之和。但是如果浮动元素在上面,块状元素在下面,由于浮动环绕关系将使得它们之间的间距变得很复杂。对于IE浏览器来说,不管上下位置如何,它们之间的间距仍然为上下外边距之和。而在其他版本浏览器中,由于在解析浮动环绕问题上的差异,它们之间的间距就变得很复杂。如下面的实例:在IE9中的显示效果为:在firefox中的显示效果为:原创 2013-03-20 23:13:52 · 2217 阅读 · 0 评论 -
常用CSS hack使用方法
1.@import在@import中使用URL来导入样式,标准的用法便是将URL中的值带上引号。例如:@import url(“newstyle.css”); 带引号的URL地址只能被IE5及以上浏览器、以及firefox所识别,而IE4及以下版本的浏览器不会解析newstyle.css 。@import的这种用法主要区别IE4。另一种用法如下:@import url(“non原创 2013-03-21 14:24:57 · 892 阅读 · 0 评论 -
CSS诊断样式表
当页面上的标记出了问题时,诊断样式表可以快速的给出视觉提示。在 http://meyerweb.com/eric/tools/css/diagnostics/diagnostic.css 可以看到一个诊断样式表的例子,还有一个类似的资源在. http://accessites.org/site/2006/07/big-red-angry-text/ 。诊断样式表的作用如下: 例如原创 2013-03-21 23:12:20 · 569 阅读 · 0 评论 -
与layout特性相关的IE解析bug和解决方法
如下面的代码: type="text/css"> #box { background:red; width:80px; height:80px; float:left; } #wrap { border:solid 1px blue;原创 2013-03-26 23:52:59 · 551 阅读 · 0 评论 -
史上最全的浏览器 CSS & JS Hack 手册
浏览器渲染页面的方式各不相同,甚至同一浏览器的不同版本(“杰出代表”是 IE)也有差异。因此,浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册,那查询起来就方便多了。这篇文章就向大家分享 Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS & JavaScript Hack,记得推荐和分享啊!IE 选择器 Hack/转载 2013-07-24 17:55:05 · 429 阅读 · 0 评论 -
如何将页脚固定在页面底部
作为一个Web的前端攻城师,在制作页面效果时肯定有碰到下面这种现象:当一个HTML页面中含有较少的内容时,Web页面的“footer”部分随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,让你的页面看上去很不好看,特别是现在宽屏越来越多,这种现象更是常见。那么如何将Web页面的“footer”部分永远固定在页面的底部呢?注意了这里所说的是页脚footer永远固定在页面的底部,而不是永远固定转载 2014-04-07 11:13:47 · 579 阅读 · 0 评论 -
ie6的兼容方法
虽然说微软已经停止对ie6的支持,但是在中国还是存在很大一部分使用ie6的用户,原创 2014-04-28 11:30:31 · 527 阅读 · 0 评论