css樣式積累

<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="8"  style="background:#E7F5FD;"> </td>
    <td style="width:225px; vertical-align:top; background:#E7F5FD;" id="frmleft">
     <iframe height="100%" width="100%" border="0" frameborder="0"  src="LeftMenu.aspx"  scrolling="auto" 
       allowTransparency=true name="leftFrame" id="leftFrame" title="leftFrame"></iframe></td>
    <td style="width:6px; background:url(Public/images/switchbg.gif); vertical-align:middle; white-space:nowrap;"  id="splitBar">
	<img class="Noprint" src="Public/images/splitBar.gif" id="switchPoint" onClick="switchSysBar()" style="CURSOR:hand" title="關閉/打開左邊導航欄">
	</td>
    <td valign="top"><iframe height="100%" width="100%" border="0" frameborder="0"  src="RightMain.aspx" name="rightFrame" id="rightFrame" title="rightFrame"></iframe></td>
    <td width="8"> </td>
  </tr>
</table>

今天在寫一個後臺頁面

td中設置背景顏色,在火狐下是好的,但是在Ie下顯示的是白色,找了原因,是因爲

用iframe引用同一個頁面,但想讓這個頁面在不同的引用中有不同的背景色:

一、可以使用iframe的透明來實現:  
1、給放置iframe的容器設置你要的背景,比如table的單元格  
2、把iframe設置爲允許透明  
3、設置iframe包含的頁面背景爲透明  
這樣以來,就可以通過控制單元格的背景色來達到需要的效果了  
即在iframe中加上
allowTransparency=true 
這個屬性

二、在父頁面設置iframe的背景即可。

在iframe中的onload調用parent.setFrameBgColor();  
然後在每個parent頁面都定義一個setFrameBgColor函數如下:  
function   setFrameBgColor(color)  
{  
window.iframename.document.body.bgColor=color;  
}





發佈了30 篇原創文章 · 獲贊 4 · 訪問量 19萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章