一、IE5.5和更高版本提供了一些专有的CSS,可以实现PNG透明度:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mask.png',sizingMethod='crop');
二、突出显示不同类型的链接:
1、让css自动判断链接是否外部链接,并作出标注,让使用者自己选择如果使用这些链接:
a[href^="http:"] {
background: url(images/externalLink.gif) no-repeat right top;
padding-right: 10px;
}
a[href^="http://www.yoursite.com"], a[href^="http://yoursite.com"] {
background-image: none;
padding-right: 0;
}
2、对邮件链接进行突出显示:
a[href^="mailto:"] {
background: url(images/email.png) no-repeat right top;
padding-right: 15px;
}
3、对非标准的协议,如即时消息协议:
a[href^="aim:"] {
background: url(images/im.png) no-repeat right top;
padding-right: 15px;
}
<a href="aim:goim?screenname=andybudd">instant message</a>
如图显示:
三、突出显示可下载的文档和提要:
链接为特定的文件格式,如doc或pdf,可使用如下方式表示出来
a[href$=".pdf"] {
background:url(image/pdfLink.gif) no-repeat right top;
padding-right:10px;
}
a[href$=".doc"] {
background:url(image/wordLink.gif) no-repeat right top;
padding-right:10px;
}
采用前面的方法,可以用不同的图标突出显示Word文档和PDF,告诉访问者他们是下载而不是另一个页面的链接。
还可以用这种方法突出表现RSS提要:
a[href$=".rss"], a[href$=".rdf"]{
background:url(image/wordLink.gif) no-repeat right top;
padding-right:10px;
}
但是IE6和耕地的版本不支持属性选择器,我们可以呕吐能够国在每个元素中添加类,使用JavaScript和DOM实现相似的效果,最好的方法之一是使用getElementBySelector函数,在http://tinyurl.com/dmao4上可以找到更多细节。