网页设计经常出现的8个问题与解决方法

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;
}/*liehuo.net*/
-->
</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;。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!