首页
产品
快图
小程序
微商城
网站建设
新闻
公司动态
行业资讯
关于
案例
联系
有关学习培训DIV CSS的1些精巧问与答
2021-01-20 16:46
jianzhan
1.超连接浏览之后hover款式就不出現的难题?
被点一下浏览过的超连接款式不在具备hover和active了,处理方式是更改CSS特性的排序次序: L-V-H-A
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
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⑶dlight-color:#eeeeee; scrollbar-arrow-color:#000; scrollbar-track-color:#fff; scrollbar-darkshadow-color:#fff; }
</style>
处理方法是将body换为html
5.为何没法界定1px上下高宽比的器皿?
IE6下这个难题是由于默认设置的行高导致的,处理的方式也是有许多,比如:overflow:hidden | zoom:0.08 | line-height:1px
6.如何才可以让层显示信息在FLASH之上呢?
处理的方法是给FLASH设定全透明:
<param name="wmode" value="transparent" />
7.如何使1个层竖直垂直居中于访问器中?
<style type="text/css">
<!--
div {
position:absolute;
top:50%;
left:50%;
margin:⑴00px 0 0 ⑴00px;
width:200px;
height:200px;
border:1px solid red;
}
-->
</style>
这里应用百分比肯定精准定位,与外补钉负值的方式,负值的尺寸为其本身宽度高宽比除以2
8、firefox嵌套循环div标识的垂直居中难题的处理方式
假设有以下状况:
<div id="a">
<div id="b"> </div>
</div>
假如要完成b在a中垂直居中置放,1般只需用CSS设定a的text-align特性为center。这样的方式在IE里看起来1切 一切正常;可是在Firefox中b却会是居左的。
处理方法便是设定b的横向margin为auto。比如设定b的CSS款式为:margin: 0 auto;。
为您推荐
有关学习培训DIV CSS的1些精巧问与答
有关CSS的1些基本运用
CSS案例:建立有标志的网站导航栏菜单
CSS学习培训之1 CSS款式引进方式
CSS中视觉效果词义不等于根据主要表现的
所有文章
公司动态
行业资讯