背景图片在内容之上的实现方法
作者:刚子 日期:2009-05-17
程序代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD>
<META content="IE=5.0000" http-equiv="X-UA-Compatible">
<TITLE>Title</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<STYLE>
#cttbss0 {
BORDER-BOTTOM: transparent 1px; POSITION: absolute; FILTER: alpha(opacity=0); BORDER-LEFT: transparent 1px; WIDTH: 250px; HEIGHT: 300px; BORDER-TOP: transparent 1px; BORDER-RIGHT: transparent 1px; opacity: 0
}
#clear {
WIDTH: 300px; BACKGROUND: url(http://www.baidu.com/img/baidu_sylogo1.gif) no-repeat; HEIGHT: 250px;POSITION: absolute; MARGIN: 0px 0px 0px 0px; DISPLAY: block;
}
#main_intro {
DISPLAY: block
}
</STYLE>
<META name=GENERATOR content="MSHTML 8.00.6001.19019"></HEAD>
<BODY>
<div id="clear"></div>
<DIV id=main_intro>这里放广告代码</DIV>
</BODY></HTML>
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD>
<META content="IE=5.0000" http-equiv="X-UA-Compatible">
<TITLE>Title</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<STYLE>
#cttbss0 {
BORDER-BOTTOM: transparent 1px; POSITION: absolute; FILTER: alpha(opacity=0); BORDER-LEFT: transparent 1px; WIDTH: 250px; HEIGHT: 300px; BORDER-TOP: transparent 1px; BORDER-RIGHT: transparent 1px; opacity: 0
}
#clear {
WIDTH: 300px; BACKGROUND: url(http://www.baidu.com/img/baidu_sylogo1.gif) no-repeat; HEIGHT: 250px;POSITION: absolute; MARGIN: 0px 0px 0px 0px; DISPLAY: block;
}
#main_intro {
DISPLAY: block
}
</STYLE>
<META name=GENERATOR content="MSHTML 8.00.6001.19019"></HEAD>
<BODY>
<div id="clear"></div>
<DIV id=main_intro>这里放广告代码</DIV>
</BODY></HTML>
评论: 0 | 引用: 0 | 查看次数: -
发表评论
上一篇
下一篇

文章来自:
Tags: