最近遇到的问题是这样的:
就是制作网页中,用iframe标签插入天气预报和滚动新闻,怎么去掉背景。经过一番努力,终于弄得比较清楚了。以两个示例来说明。
注意,效果在ie浏览器里有效,其他浏览器不一定,比如火狐。
示例1:插入新浪天气预报代码
代码 :
<iframe id='ifm2' width='260' heigth='70' align='center' marqinwidth='0' marginheight='0' hspace='0' vspace='0' frameborder='0' scrolling='no' style="filter:chroma(color=#ffffff)" src=http://news.sina.com.cn/iframe/weather/140301.html ></iframe>
效果说明 :
1.这个天气预报上面的城市可以自定(比如我这里已经改成了阳泉)。
2.style="filter:chroma(color=#ffffff)"这条语句是变背景为透明的方法,能使天气预报原先的白色背景透明,显示出的是你的背景色。
示例2:插入CCTV滚动新闻代码:
<table border=0 cellspacing=1 cellpadding=0 width=’98%’>
<td valign="top"><div align="center">
<iframe src="http://www.cctv.com/homepage/46/index.shtml"; name="express"
width="354" height="16" marginwidth="0" marginheight="0" frameborder="0"
scrolling="no"style='filter:chroma(color=#ffffff)'></iframe></div></table>
总结:
1.“filter:chroma(color=你选择的颜色的值)”,这句的作用就是使你所选择的颜色变透明。
2.要想让背景色透明,需要知道背景的具体颜色值。拾取网页颜色的工具很多,我觉得玩转颜色5.0这个拾色工具不错。
3.搜狐网的滚动新闻一般都是灰色的,color=#e6e6e6 文字是蓝色。