前端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;}*/