首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

前端Web开发的页面成效

2012-11-05 
前端Web开发的页面效果1.IE6下png图片的透明显示:img src图片地址 border0 styleFilter.Alpha(Op

前端Web开发的页面效果
1.IE6下png图片的透明显示:
<img src="图片地址" border="0" style="Filter.Alpha(Opacity)=数值(100),style=数值(3)"/>
或在<head></head>间加一段JS代码让透明png图片正常显示。

2.<li>标签去圆点或菱形:
<li style="list-style-type:none"></li>,要加图片则设置"list-style-image"属性。

3.<table>布局边框的显示问题:
设置border-collapse:collapse; cellspacing="0" cellpadding="0",让边框显示正常。

4.关于IE6的Font-size Bug:
如果一个<div>默认的font-size设为了"13px",则在IE6中会给其设定一个特定的高值,FF则不会;此时如果<div>如果有背景图片,背景图片的宽和高值均需做调整。

5.网页变灰色的效果:
这个效果在特定的日子都会见到,针对IE6,使用filter,
<style type="text/css">html{filter:progid=DXImageTransform.Microsoft.BasicImage(grayscale=1);}</style>/*html *{filter:gray;}或body *{filter:gray;}*/

热点排行