1. 程式人生 > >如何讓iframe背景色透明

如何讓iframe背景色透明

<body style="background-color:transparent" > 或 <body bgColor="transparent">
方法一:
<iframe src="about.htm" width="100%" height="100%" align="center" scrolling="auto" frameborder="0" style="filter:chroma(color=#ffffff)" >
</iframe>
缺點:iFrame裡的白色的都變透明瞭。
方法二:(個人推薦使用)
<iframe src="about.htm" width="100%" height="100%" align="center" scrolling="auto" frameborder="0" allowTransparency="true" >
</iframe>
還有其它幾個寫法,可以比較一下:
<iframe src="about.htm" allowTransparency="true" style="background-color: green"> </iframe >
<iframe src="about.htm"> </iframe >

<iframe src="about.htm" style="background-color: green"> </iframe >  

經測試,<body style="background-color:transparent" >  +  allowTransparency="true" 有效

  1. <iframeid="iframeRight"src="/111.html"scrolling="no"width="100%"height="100%"frameborder="0"allowTransparency="true"></iframe>
111.html 如下:
  1. <style>
  2. body{  
  3. background-color:Transparent;  
  4. }  
  5. </style>
  6. <divstyle="width:144px;height:557px;"id="divFloat1">
  7.   <imgsrc="/image/fd_4.png"usemap="#Map20"border="0"/>
  8. </div>

相關推薦

如何iframe景色透明

<body style="background-color:transparent" > 或 <body bgColor="transparent"> 方法一: <iframe src="about.htm" width="100%" height="100%" align="

AlertDialog彈出訊息後,景色透明,不影響Activity的事件觸發

背景色透明: // 背景色 dialog.getWindow().setDimAmount(0f); 不搶佔Activity焦點: // dialog不去搶佔焦

CSS3景色透明(相容IE8)

標準瀏覽器通過rgba()實現背景色透明;IE8以下瀏覽器通過特有濾鏡實現背景色透明。 程式碼如下: 1 1 /* IE8 */ 2 2 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColo

CSS3景色透明(兼容IE8)

數值 code sta microsoft tar start 進制 mage soft 標準瀏覽器通過rgba()實現背景色透明;IE8以下瀏覽器通過特有濾鏡實現背景色透明。 代碼如下: 1 1 /* IE8 */ 2 2 filter:progid:DXImageTr

HighCharts 餅圖景色透明

預設的highcharts 背景都是白色,這次專案中需要在highcharts圖的後面顯示背景圖片,所以必須讓chart背景透明: function showPie(name){ var a = [ {name:'A',y:100,

iTextSharp插入指定景色透明的圖片

iTextSharp用來處理PDF相當的強大,雖然作者專門寫了一本書介紹這個,但有些功能的資料還是太少了. iTextSharp可以直接插入具有透明度的PNG圖片, 但對於像BMP格式那些沒有透明度的圖片,在插入的時候還是可以對指定背景色透明的.關鍵程式碼如下: //建立

BufferedImage 和 Graphics2D 畫圖,景色透明

  File f = new File("D:\tag\20141204\chengxu\business-dossier\business-dossier-web\src\main\webapp\u

解決panel或者其他控件疊加時,此控件背景透明,顯示的景色為窗體景色問題

背景 運行 panel控件 box bsp www. com his art 之前為了圖省事兒,直接給Form窗體設置的背景圖片,發現這樣運行的時候窗體特別的卡頓,於是改為放一個pictureBox控件,由這個控件加載圖片後作為背景。 現在卡頓解決了,又出現了另一個問題,運

ps-如何去景色(將景色透明

背景圖 功能 eight block 選區 left 自己的 inf mar 由於生活或工作的需求,圖片的處理是必不可少。其中將圖片某一部分變為透明,或者截取圖片的某一部分比較常見。 1.首先,打開待處理的圖片; 2.復制背景圖層,將背景圖層設為不可見(左邊的眼睛即可

導航欄景色透明

需求: 導航欄和HeaderView 使用一個背景圖片。 解決方案: 讓 導航欄 變成透明。 override func viewWillAppear(_ animated: Bool) { super.viewWillAppear(animat

Swift 版本: 3.UITableViewCell的景色漸變

這次我們來分享一下關於 UITableView 的一個開發小技巧, 後面我會陸續的把關於 UITableView 的其他開發小技巧補充上, 廢話少說, 讓我們來看看程式碼 1.介面佈局 關於怎麼快速新增一個 UINavigationController 在上兩篇文章裡有講解, 這裡就不說了,

設定UILabel的景色透明

下面的程式碼: UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(412, 350, 200, 30)]; label.text =

UITableViewCell高亮(按下)時,子檢視景色透明的解決方法

UITableViewCell highlighted subviews backgroundColor自定義的UITableViewCell,在上面新增一個UIView(這裡是UILabel),設定UILabel背景色。但是當cell處於按下狀態時,UILabel背景色就會

android設定Activity景色透明的2種方法

android設定背景色為透明 方法一: 只要在配置檔案內activity屬性配置內加上 android:theme="@android:style/Theme.Translucent"  就好了。 這樣就呼叫了android的透明樣式! 方法二: 先在res/values

Android中設定Dialog提示框無景色--背景無遮罩透明

 有時候使用Dialog來提示使用者的時候,不希望有個淡淡的黑色背景在整個視窗的上面,而是希望保持原來的樣子。 例如:在用手機軟體播放視訊的時候,提示使用者安裝電視版軟體,這時候需要彈出提示框,要求播

MFC 可以設定景色、字型、字型顏色、透明背景的 Static 靜態文字控制元件

MFC庫裡沒有符合這個條件的控制元件,於是我自己寫了一個,初步測試有效。 注:可以設定透明背景,但還不能做到透明度設定(如50%透明度)         如果設定了背景色,就不保留透明背景         預設背景色是透明的 // 設定背景色(若clr為CLR_NONE

Java中的事件處理—通過點選不同的按鈕,面板的景色發生變化

package com.event; import java.awt.*; import javax.swing.*; import java.awt.event.*; //Java事件處理 p

input type="text"標籤去邊框 透明景色

<input id="inputID" type="text" placeholder="placeholder"> #input{ border-style:none none solid none; /*  上 右 下  左 */ background-c

解決winfrom下TextBox不支援透明景色

不知道微軟扯什麼拉雞蛋子,居然有控制元件不支援透明,我實在想噴設計的人腦殘。尤其可恨的是TextBox不支援,更可恨的是直到最新版.net4.6也不支援。原始碼又看不見,具體實現細節都不知道,誰能改得動?這也難怪C#會被java大軍淹沒。不是C#不好,是很多細節沒到位。

iframe 設定景色

<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe> url所指的頁面中:<body backcolor="#xxxxxx">