被点击访问过的超链接样式不在具有hover和active了, 解决方法是改变CSS属性的排列顺序: L-V-H-A
ps:好在自己一开始书写时就没有把这四种样式写全过,我只写 a
	1.超链接访问过后hover样式就不出现的问题?
	
	被点击访问过的超链接样式不在具有hover和active了, 解决方法是改变CSS属性的排列顺序: L-V-H-A
	
	ps:好在自己一开始书写时就没有把这四种样式写全过,我只写 a:link ,a:hover ,一直也没出现什么问题,后来发现ie6下a:visited 和 ff下的颜色不一致,这才发现这一个问题。看来没有问题也不代表书写正确。
	
	2.IE6的双倍边距BUG
	
	例如:
	
	<style type="text/css">
	body {margin:0}
	div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red }
	</style>
	
	浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline
	
	ps:刚开始接触这一工作的时候真的是不知道怎么回事,还以为是各个浏览器之间的解释不同,制作的时候只能小心意义的以ie6的宽度来定义,可惜ff 和ie经常预览效果不一致,被某些人抓住不放,当时很是气氛和郁闷,一气之下疯狂百度和谷歌,可惜那时候抓不住关键词,走了不少弯路才找到问题答案,好在现在解决了。Y(^_^)Y
	
	3.为什么FF下文本无法撑开容器的高度?
	
	标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉he ight设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义:
	
	div { height:auto!important; height:200px; min-height:200px; }
	
	4.为什么web标准中IE无法设置滚动条颜色了?
	
	原来样式设置:
	
	<style type="text/css">
	body { scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#eeeeee; scrollbar-3dlight-color:#eeeeee; scrollbar-arrow-color:#000; scrollbar-track-color:#fff; scrollbar-darkshadow-color:#fff; }
	</style>
	
	解决办法是将body换成 html
	
	ps: 当时被要求要重新定义滚动条的时候,我查到了两个方法,一种如上,一种是js仿制滚动条,我应用的是上面的这种,但是发现不兼容IE,后来不了了之了,再后来偶然间才发现了这个解决办法。
	
	5.为什么无法定义1px左右高度的容器?
	
	IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px
	
	6.怎么样才能让层显示在FLASH之上呢?
	
	解决的办法是给FLASH设置透明:
	
	<param name="wmode" value="transparent" />
	
	7.怎样使一个层垂直居中于浏览器中?
	
	<style type="text/css">
	<!--
	div {
	position:absolute;
	top:50%;
	left:50%;
	margin:-100px 0 0 -100px;
	width:200px;
	height:200px;
	border:1px solid red;
	}
	-->
	</style>
	
	这里使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二
	
	ps:margin的值就是div宽度的1/2;
	
	8、 firefox嵌套div标签的居中问题的解决方法
	
	假定有如下情况:
	
	<div id="a">
	<div id="b"> </div>
	</div>
	
	如果要实现b在a中居中放置,一般只需用CSS设置a的text-align属性为center。这样的方法在IE里看起来一切正常;但是在 Firefox中b却会是居左的。
	
	解决办法就是设置b的横向margin为auto。例如设置b的CSS样式为:margin: 0 auto;。
	
	9、ul方面的问题:默认的ul的margin和padding不是0,如果在导航中用到了左浮动的li,往往会把外部的div撑大,导致页面变形,这就需要我们在写代码的时候不要忘记 ul{margin:0px; padding:0px;}
	
	2,img方面的问题:这里牵涉的不同浏览器的问题,ie6是一直让网页设计师最头疼的一个问题,关于图片,这里有一个小小的问题,有时ie6里显示的图片height总是要大于准确值,这里就需要我们记住下面这一点 img{ display:block}
	
	10、overflow方面问题:有时我们会看到,一些公司的注册协议都是好长好长的,但又不能把页面拉的太长,这就用到了overflow,我们可以把div的style里加上这个:overflow:auto
	
	4,小窗口弹出的问题:当我们点击某个按钮,可能会看到一个小窗口弹出,而窗口其它的部分都变了灰色,这是怎么实现的呢,其实很简单div+css就可以实现:
	css部分:
	.black_overlay
	{
	    display: none;
	    position: absolute;
	    top: 0%;
	    left: 0%;
	    width: 100%;
	    height: 100%;
	    background-color: black;
	    z-index: 1001;
	    -moz-opacity: 0.8;
	    opacity: .80;
	    filter: alpha(opacity=50);
	}
	.white_content
	{
	    display: none;
	    position: absolute;
	    top:20%;
	    left: 30%;
	    width:outo;
	    background-color: white;
	    z-index: 1002;
	    overflow: auto;
	
	}
	
	.white_content2
	{
	    display: none;
	    position: absolute;
	    top: 20%;
	    left: 18%;
	    width:896px;
	    background-color: white;
	    z-index: 1002;
	    overflow: auto;
	    text-align: center;
	}
	.qpshcom
	{
	
	    background-color: #efefef;
	    color: #666666;
	    border-width: 1px;
	    border-color: #cccccc;
	    border-style: solid;
	    margin: 6px;
	    padding: 6px;
	    font-size: 14px;
	    line-height: 200%;
	    float: midden;
	}
	div部分:
	
	
	
	
	打开按钮部分:onclick="document.getElementById
	
	('light').style.display='block';document.getElementById('fade').style.display='block'"
	关闭按钮部分:onclick="document.getElementById
	
	('light').style.display='none';document.getElementById('fade').style.display='none'"
	
	11、关于float的问题:有时候一些div会挤到页面的上方,把页面挤破掉,这里可能就是浮动引起的,这时候我们就用到了这个:clear:both,很不错的解决方法,不妨一试。
	
	12、height等于1px的div,在ie6中可能并不是1px,那怎么解决呢?不妨试一下:在这个div的style里加上font-size:1px;这样就ok了。
	
	13、下面再说一下id和class的问题:当一个div要在页面中多次使用时,不要用id,要用class,还有就是要用引用js的时候,样式最好不要用id,因为id要留给js使用,当程序员写后台用的是.net时,最好不用用id,id要留给程序员用,前台我们就用class好了。
	
	14、还是img问题,页面中最好不要用大块背景,能平铺的要平铺,否则加载起来会很慢,也不利于以后的优化和扩展,当然也有些大的网站,现在都尽量把背景统一放到一张图片上,用background-postion来取得背景,这样其实也好,背景虽然大了点,但只需统一加载一次,就ok了,速度也不会太慢,可以好好学习一下。
	
	15、img的格式问题:最好的格式就是gif格式,即确保了背景透明,在ie6中又不会有阴影,有时gif图片会有锯齿,这就需要我们保存成web格式,设置一下matter,matter的值用背景颜色的值越相近越好。(当然有时迫不得已png的图片也会用到,这时就需要另外想办法了,前面我也曾提到过,大家不妨一看)
	
	16、链接问题:(前面已经提到)
	.link:link{}
	.link:visited{}
	.link:hover{}
	.link:active{}
	有一点,visited与hover的顺序一定不能倒换,否则ie6中会大大的问题。
	
	17、,css编码问题:@charset "utf-8";注意这行代码,utf-8与g把gb2312是比较常用的两种编码方式。
更多资讯
- 08-02网页启用Gzip压缩 提高浏览速度
 - 07-20如何去做交互设计?交互设计师需要做什么?
 - 07-20你不得不打破的惯性思维:用户=上帝
 - 06-15产品经理“趟坑”经验,满满都是泪
 - 05-02关于IIS进程池出错终止的故障排查手记
 - 04-25解决网站打开显示Service Unviable(应用程序池自动停止)
 - 04-16IIS v6.0 完整版
 - 04-16启动和关闭Apache
 


