设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

前端设计应该注意的8点问题

发表日期:2011-6-22 作者来源:派谷网络 浏览次数:0

(1)超链接点击过后hover样式就不出现?

            解答:被点击访问过的超链接样式不再具有hover和active样式了,解决方法是改变CSS属性的排列顺序: L-V-H-A

(2)IE6的margin双倍边距bug问题

           解答:<style type="text/css">

                           body{margin:0px}

                            div{float:left;margin-left:10px;width:200px;}

                        </style>
                        浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline

(3)为什么中火狐浏览器下文本无法撑开容器的高度?

             解答:标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉height设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义:div { height:auto!important; height:200px; min-height:200px; }

(4)为什么web标准中无法设置IE浏览器滚动条颜色了?

             解答:原来样式设置:解决办法是将body换成html
<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>

(5)如何定义1px左右高度的容器?

             解答:IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px

(6)怎样使一个div层居中于浏览器中?

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>
这里使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二

(7)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;。

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻

缃戠珯鏈嶅姟鍣ㄧ殑缁存姢绠$悊...

缃戠珯鏈嶅姟鍣ㄧ殑缁存姢绠$悊鏄‘淇濈綉绔欑ǔ瀹氥€佸畨鍏ㄣ€侀珮鏁堣繍琛岀殑鍏抽敭宸ヤ綔...

鏃ユ湡锛�2025-4-3

缃戠珯鏁版嵁搴撳畨鍏ㄧ殑甯歌濞�...

缃戠珯鏁版嵁搴撳畨鍏ㄩ潰涓寸潃澶氱甯歌濞佽儊锛岃繖浜涘▉鑳佸彲鑳藉鑷存暟鎹硠闇层€�...

鏃ユ湡锛�2025-4-3

缃戠珯鏁版嵁搴撶殑瀹夊叏璁捐闂�...

缃戠珯鏁版嵁搴撳瓨鍌ㄧ潃澶ч噺閲嶈鐨勬暟鎹紝濡傜敤鎴蜂俊鎭€佷氦鏄撹褰曘€佷笟鍔℃暟...

鏃ユ湡锛�2025-4-3

缃戦〉鍒朵綔甯哥敤宸ュ叿鍜屾妧鏈�...

缃戦〉鍒朵綔娑夊強鍒板涓幆鑺傦紝浠ヤ笅涓轰綘浠嬬粛甯哥敤鐨勫伐鍏峰拰鎶€鏈細甯哥敤宸�...

鏃ユ湡锛�2025-4-2

缃戠珯璁捐鑹插僵鎼厤鍘熺悊...

缃戠珯璁捐涓殑鑹插僵鎼厤鍘熺悊娑夊強澶氫釜鏂归潰锛屽悎鐞嗚繍鐢ㄨ繖浜涘師鐞嗗彲浠ュ垱...

鏃ユ湡锛�2025-4-2

网站建设解决方案
缃戠珯缁存姢瑙e喅鏂规 浼佷笟闂ㄦ埛缃戠珯闆嗙害鍖栬В鍐虫柟妗� 钀ラ攢鍨嬬綉绔欒В鍐虫柟妗� 鍏昏€侀櫌琛屼笟缃戠珯寤鸿瑙e喅鏂规 鍖婚櫌璇婃墍缃戠珯寤鸿瑙e喅鏂规 鎵嬫満鏁扮爜琛屼笟缃戠珯寤鸿鏂规 澶栬锤鍏徃缃戠珯寤鸿瑙e喅鏂规 閲戣瀺缃戠珯寤鸿瑙e喅鏂规 琛屼笟鍗忎細绫荤綉绔欏缓璁捐В鍐虫柟妗� 鍝佺墝瀹樼綉缃戠珯寤鸿鏂规