下面主要收集整理了两种让IE6显示透明PNG图片的方法，供大家在实际应用的灵活参考（本站顶部的主频道条就是综合应用的效果）：…
摘要：1、clear 版本：CSS1 兼容性：IE4+ NS4+继承性：无语法：clear : none | left |right | both 参数： none : 允许两边都可以有浮动对象both : 不允许有浮动对象left : 不允许左……
1、clear 版本：CSS1 兼容性：IE4+ NS4+ 继承性：无
- 语法：clear : none | left |right | both
参数：
none : 允许两边都可以有浮动对象
both : 不允许有浮动对象
left : 不允许左边有浮动对象
right : 不允许右边有浮动对象
说明：该属性的值指出了不允许有浮动对象的边。请参阅float属性。对应的脚本特性为clear。
示例：div { clear : left } img { float: right }
- 语法：float : none | left |right
参数：
none : 对象不浮动
left : 对象浮在左边
right : 对象浮在右边
说明：该属性的值指出了对象是否及如何浮动。请参阅clear属性。当该属性不等于none引起对象浮动时，对象将被视作块对象(block-level)，即display属性等于block。也就是说，浮动对象的display特性将被忽略。对应的脚本特性为styleFloat。
示例：div { clear : left } img { float: right }
您所看到的文字块的名字是小强，图片的名字是旺财，请您从下方的选择框内选择文字块和图片不同的属性值，看一看会发生什么，然后您就会明白这个属性的意义。希望您喜欢这本电子书。谢谢。
小强的属性：
旺财的属性：
- 语法：clip : auto | rect ( number number number number )
参数：
auto : 对象无剪切
rect ( number number number number ) : 依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值，其中任一数值都可用auto替换，即此边不剪切
说明：检索或设置对象的可视区域。区域外的部分是透明的。必须将position的值设为absolute，此属性方可使用。自IE5开始，此属性在MAC平台上可用。对应的脚本特性为clip。
示例：
div { position:absolute; width:60px; height:60px; clip:rect(0 20 50 10); }
div { position:absolute; width:60px; height:60px; clip:rect(1cm auto 50px 10cm); }
- 语法：overflow : visible | auto | hidden | scroll
参数：
visible : 不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示滚动条
说明：检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。设置textarea对象为hidden值将隐藏其滚动条。对于table来说，假如table-layout属性设置为fixed，则td对象支持带有默认值为hidden的overflow属性。如果设为hidden，scroll或者auto，那么超出td尺寸的内容将被剪切。如果设为visible，将导致额外的文本溢出到右边或左边（视direction属性设置而定）的单元格。
自IE5开始，此属性在MAC平台上可用。对应的脚本特性为overflow。
示例：
body { overflow: hidden; }
div { overflow: scroll; height: 100px; width: 100px; }
5、display 版本：CSS1/CSS2 兼容性：IE4+ NS4+ 继承性：无
- 语法： display : block | none | inline | compact | marker | inline-table | list-item | run-in | table |table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group
参数：
block : CSS1 块对象的默认值。用该值为对象之后添加新行
none : CSS1 隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间
inline : CSS1 内联对象的默认值。用该值将从对象中删除行
compact : CSS2 分配对象为块对象或基于内容之上的内联对象
marker : CSS2 指定内容在容器对象之前或之后。要使用此参数，对象必须和:after及:before 伪元素一起使用
inline-table : CSS2 将表格显示为无前后换行的内联对象或内联容器
list-item : CSS1 将块对象指定为列表项目。并可以添加可选项目标志
run-in : CSS2 分配对象为块对象或基于内容之上的内联对象
table : CSS2 将对象作为块元素级的表格显示
table-caption : CSS2 将对象作为表格标题显示
table-cell : CSS2 将对象作为表格单元格显示
table-column : CSS2 将对象作为表格列显示
table-column-group : CSS2 将对象作为表格列组显示
table-header-group : CSS2 将对象作为表格标题组显示
table-footer-group : CSS2 将对象作为表格脚注组显示
table-row : CSS2 将对象作为表格行显示
table-row-group : CSS2 将对象作为表格行组显示
说明：设置或检索对象是否及如何显示。目前 IE5.5仅支持以上CSS1的参数。对应的脚本特性为display。
示例：img { disply: block; float: right; }
6、visibility 版本：CSS2 兼容性：IE4+ NS6+ 继承性：无
- 语法：visibility : inherit | visible | collapse | hidden
参数：
inherit : 继承上一个父对象的可见性
visible : 对象可视
hidden : 对象隐藏
collapse : 主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象，其作用等同于hidden。IE5.5尚不支持此属性。
说明：
设置或检索是否显示对象。与display属性不同，此属性为隐藏的对象保留其占据的物理空间。
如果希望对象为可视，其父对象也必须是可视的。
对应的脚本特性为visibility。
示例：img { visibility: inherit; float: right; }
7、margin 版本：CSS1 兼容性：IE4+ NS4+ 继承性：无
- 语法：margin : auto | length
参数：
auto : 值被设置为相对边的值
length : 由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。对于内联对象来说，左右外延边距可以是负数值。请参阅长度单位
说明：
检索或设置对象四边的外延边距。
如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
如果只提供一个，将用于全部的四边。
如果提供两个，第一个用于上－下，第二个用于左－右。
如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
在IE4+，margin属性不可用于td和tr对象。
外延边距始终透明。
对应的脚本特性为margin。
关于对象的尺寸与边框，内外补丁等样式表属性的关系，请参看图例以及height和width属性。
示例：
body { margin: 36pt 24pt 36pt; }
body { margin: 11.5%; }
body { margin: 10% 10% 10% 10%; }
※相关属性：margin-top margin-right margin-bottom margin-left
8、border 版本：CSS1 兼容性：IE4+ NS4+ 继承性：无
- 语法：border : border-width || border-style || border-color
参数：该属性是复合属性。请参阅border-color border-style border-width各参数对应的属性。
说明：
如使用该复合属性定义其单个参数，则其他参数的默认值将无条件覆盖各自对应的单个属性设置。
默认值为：medium none。border-color的默认值将采用文本颜色。
要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
对应的脚本特性为border。
关于对象的尺寸与边框，内外补丁等样式表属性的关系，请参看图例以及height和width属性。
示例：
p { border: thick double yellow; }
blockquote { border: dotted gray; }
p { border: 25px; }
9、border-color 版本：CSS1 兼容性：IE4+ NS6+ 继承性：无
- 语法：border-color : color
参数：
color : 指定颜色。请参阅颜色单位和附录：颜色表
说明：
如果提供全部四个参数值，将按上－右－下－左的顺序作用于四个边框。
如果只提供一个，将用于全部的四条边。
如果提供两个，第一个用于上－下，第二个用于左－右。
如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
如果border-width等于0或border-style设置为none，本属性将失去作用。
对应的脚本特性为borderColor。
示例：
body { border-color: silver ;red; }
body { border-color: silver red RGB(223, 94, 77); }
body { border-color: silver red RGB(223, 94, 77) black; }
10、border-style 版本：CSS1 兼容性：IE4+ NS4+ 继承性：无
- 语法：border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
参数：
none : 无边框。与任何指定的border-width值无关
hidden : 隐藏边框。IE不支持
dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
solid : 实线边框
double : 双线边框。两条单线与其间隔的和等于指定的border-width值
groove : 根据border-color的值画3D凹槽
ridge : 根据border-color的值画菱形边框
inset : 根据border-color的值画3D凹边
outset : 根据border-color的值画3D凸边
说明：
如果提供全部四个参数值，将按上－右－下－左的顺序作用于四个边框。
如果只提供一个，将用于全部的四条边。
如果提供两个，第一个用于上－下，第二个用于左－右。
如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
如果border-width不大于0，本属性将失去作用。
对应的脚本特性为borderStyle。
示例：
body { border-style: double groove; }
body { border-style: double groove dashed; }
none hidden dotted dashed
solid double groove
ridge inset outset
11、border-width 版本：CSS1 兼容性：IE4+ NS4+ 继承性：无
- 语法：border-width : medium | thin | thick | length
参数：
medium : 默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
说明：
如果提供全部四个参数值，将按上－右－下－左的顺序作用于四个边框。
如果只提供一个，将用于全部的四条边。
如果提供两个，第一个用于上－下，第二个用于左－右。
如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
如果border-style设置为none，本属性将失去作用。
对应的脚本特性为borderWidth。
示例：
span { border-style: solid; border-width: thin; }
span { border-style: solid; border-width: 1px thin; }
※相关参数：border-top border-top-color border-top-style border-top-width border-right border-right-color border-right-style border-right-width border-bottom border-bottom-color border-bottom-style border-bottom-width border-left border-left-color border-left-style border-left-width
12、padding 版本：CSS1 兼容性：IE4+ NS4+ 继承性：无
- 语法：padding : length
参数：length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。请参阅长度单位
说明：
检索或设置对象四边的补丁边距。
如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
如果只提供一个，将用于全部的四条边。
如果提供两个，第一个用于上－下，第二个用于左－右。
如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
不允许负值。
对应的脚本特性为padding。
关于对象的尺寸与边框，内外补丁等样式表属性的关系，请参看图例以及height和width属性。
示例：
body { padding: 36pt 24pt 36pt; }
body { padding: 11.5%; }
body { padding: 10% 10% 10% 10%; }
※相关参数：padding-top padding-right padding-bottom padding-left
二维码分享|站点地图|好搜一下|免责声明|联系我们|
© 2021-现在 好学IT学院 好学网站信息服务平台 湘ICP备2022000939号|
© 2021-现在 好学IT学院 好学网站信息服务平台 湘ICP备2022000939号|