Div+Css - 随笔分类 - 韩显川

IE6/IE7/IE8/FF全面兼容的CSS HACK写法

摘要：在使用DIV+CSS网页布局中，CSS兼容性问题一直困扰着大家，在浏览器兼容性未得到解决之前，同志们仍需努力；IE6.0与Firefox之间的兼容性解决方法比较容易，但后来出现了IE7，时隔不久微软又发布了IE8，原来IE6、IE7的hack方法又不能用了，怎么办呢？问题既然出现了，我们就要寻找解决的方法：本文来自网页之家www.51css.net 第一种方法：本文来自网页之家www.51cs... 阅读全文

posted @ 2010-07-02 10:58 韩显川阅读(271) 评论(0) 推荐(0)

目前比较全面的浏览器CSS BUG兼容汇总

摘要：http://www.51css.net/html_css/div_css/2516.html本文介绍常见的浏览器BUG，重点针对IE浏览器BUG，以及常用的CSS Hack，CSS注释写法，希望网友们通过阅读本文后，在日常的DIV CSS 布局中减少不必要的麻烦；本文来自网页之家www.51css.net扩展阅读>>>CSS Hack 和向后兼容本文来自网页之家www.51... 阅读全文

posted @ 2010-07-01 15:42 韩显川阅读(183) 评论(0) 推荐(0)

hr标签

摘要：<hr> 标签可插入一个水平线。水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。很多时候我们用css中的border属性，或者border-top，或者border-bottom来实现这种效果。这么做的原因大致的出于各个浏览器对<hr>的表现有一点点的不一致：通常表现在和文档其他标签的距离，IE要比FF高出7像素；线条的颜色控制各个浏览器也不... 阅读全文

posted @ 2009-11-06 17:57 韩显川阅读(287) 评论(0) 推荐(0)

纵向下拉及多级弹出式菜单

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta htt... 阅读全文

posted @ 2009-09-09 09:42 韩显川阅读(227) 评论(0) 推荐(0)

横向下拉及多级弹出式菜单

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta htt... 阅读全文

posted @ 2009-09-09 09:40 韩显川阅读(278) 评论(0) 推荐(0)

CSS 将超出显示宽度的内容隐藏起来

摘要：一般的文字截断（适用于内联与块）：.text-overflow {display:block;/*内联对象需加*/width:31em;/*指定宽度*/word-break:keep-all;/* 不换行 */white-space:nowrap;/* 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。不换行 */overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 ... 阅读全文

posted @ 2009-09-07 09:29 韩显川阅读(334) 评论(0) 推荐(1)

解决FF与IE对HR的解释

摘要：hr{display:block;height:1px;border:none;border-top:1px solid #999999;margin:0px 0px !important; margin:0px 0 -14px 0;float:none !important; float:left;} 阅读全文

posted @ 2009-09-05 17:09 韩显川阅读(195) 评论(0) 推荐(0)

XHTML CSS 常见问题和解决方案

摘要：来自:http://www.cnblogs.com/leavingme/archive/2008/12/03/1347008.html1、如何定义高度很小的容器？在IE6下无法定义小高度的容器，是因为有一个默认的行高。列举2种解决方案：ovoverflow:hidden ¦ line-height:0 2、图片下方出现几像素的空白间隙？这个也有多种解决方案，如将img定义为disp... 阅读全文

posted @ 2009-09-03 10:45 韩显川阅读(156) 评论(0) 推荐(0)

实现CSS跨浏览器

摘要：一、padding和margin问题：ul标签中FF中有个padding值，却没有margin值，而在IE中正好相反。解决方法：将ul的padding和margin都设为0(也可以不是0)如：padding:0;margin:0;list-style:none;另外form默认在IE中也会有margin值，所以最好也将其margin和padding设为0。二、cursor问题：IE中cursor... 阅读全文

posted @ 2009-09-03 10:08 韩显川阅读(168) 评论(0) 推荐(0)

DIV+CSS浏览器兼容性分析

摘要：1、用!important语法解决IE和其它浏览器之间的布局差别　　!important是CSS1定义的语法，作用是提高指定样式规则的应用优先权。目前IE一不支持这个语法，而其他的浏览器则都支持。可以利用这一点来定义不同浏览器间的CSS样式。如下样式：　　.sidebar{ border:5px dotted #FC5 !important ; border:5px dotted #00F; p... 阅读全文

posted @ 2009-09-03 08:09 韩显川阅读(157) 评论(0) 推荐(0)

韩显川

随笔分类 - Div+Css