css中的about:blank是什么,什么情况下用

html+div+css 2821 0 2014-03-05

css中的about:blank是什么,什么情况下用
一、IE地址栏中的 about:blank

当你打开一个新的ie窗口时,ie的url中总是 about:blank.我们知道 在url中':' (冒号)左边是协议,如 ftp: 或是 http:。而about也是个协议。那有什么用呢,不可小看。

    about:blank 右边为 blank 表示一个空的窗口,若为其它的内容,就可表示网页的内容。例如页面:

    <html> <head> <title>untitled document</title> <meta http-equiv="content-type" content="text/html; charset=gb2312"> </head> <body bgcolor="#ffffff"> <!——注意,下面href后没有双引号,若要加入需用%22——> <a href="about:<a href=http://www.webjx.com/>网页教学网</a>" target="_blank">点此打开about新页面</a> </a> </body> </html>

    新网页的内容为:<html><a href="about:<a href=http://www.webjx.com/>网页教学网</a>" target="_blank">点此打入新页面</a> </html>

    这样就可以不使用javascript对新窗口写内容了。

    about:这个功能不止如此。有个人主页的网友一定深有体会,有的网站做了url过滤(如网易和亿唐),禁止从别站链接他的服务器内容,用about:产生的页面就可以躲开url检查。如:

    <html> <head> <title>untitled document</title> <meta http-equiv="content-type" content="text/html; charset=gb2312"> </head> <body bgcolor="#ffffff"> <!——注意,下面href后没有双引号,若要加入需用%22——> <a href="about:<a href=http://xxx.xxxxx.com/xxx.zip> 点此下载 </a>" target="_blank"> 点此打入下载页面 </a> </body> </html>

二、什么情况下必须用空背景图解决CSS bug 的hack手段

background:fixed url(about:blank);
有时候做感应区域的时候在ie6下不给背景就会感应不到,比如说当鼠标移到图片的左半边部分,鼠标手势变成向左的箭头,比如说有些时候a标签即使给了display:block属性,但没给背景也会感应不灵敏,这个时候background:fixed url(about:blank)就解决了这种bug。
再比如说浮动广告在页面抖动的问题(position:fixed)ie6不支持position:fixed;如果是在样式里写position:absolute再用expression()表达式来实现的话,给html一个background:fixed url(about:blank);就能解决抖动的bug,但如果是用js重新计算浮动对像的位置background:fixed url(about:blank);就不能解决抖动问题,因为重新计算浮动对象的位置是基于一个onscroll事件的。

上一篇:CSS实现半透明,兼容IE和火狐

下一篇:拉伸铺满整个页面

讨论数量:0

请先登录再发表讨论。 2024-11-24

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链