IE6下CSS界定DIV高宽比的难题

日期:2021-01-20 类型:科技新闻 

关键词:抠图换背景,免费的抠图软件,美图抠图,手机抠图软件哪个好,p图软件哪个好用

因此即便你用 height:4px; 来界定了1个 div 的高宽比,具体在 IE 下显示信息的依然是1个 12 px 上下高宽比的层。加上overflow: hidden处理难题。

<div style=”height: 4px; overflow: hidden;”></div>

在IE6中,应用CSS界定DIV的高宽比的情况下常常遇到这个难题,便是当DIV的最少高宽比小于1定的值之后,就会发现,不管你如何设定最少高宽比,Div的高宽比会固定不动在1个值已不产生变化,这个难题很是烦人。以下面的状况。

HTML编码
<html> <head> <title></title> <style type="text/css"> <!-- #testdiv { background: #009900; height: 3px; } --> </style> </head> <body> <div id="testdiv"></div> </body> </html>

这是由于在IE6中,系统软件默认设置的并不是是Div有1个默认设置的高宽比,而是你沒有处理1个掩藏的主要参数,font-size,这个是ie6中针对Div特性中的font-size尺寸和你系统软件css中界定的font-size有很价位系,因而务必独立界定这个Div的font-size,这样才可以处理这个难题。变更后的编码以下。
HTML编码
<html> <head> <title></title> <style type="text/css"> <!-- #testdiv { background: #009900; height: 3px; font-size: 0px; } --> </style> </head> <body> <div id="testdiv"></div> </body> </html>
上一篇:CSS Cookbook建立水平导航栏菜单 返回下一篇:没有了