2012-01-30 15 views
0

IE7-8のHtmlオブジェクトの背景に透明度を適用することに問題があります。私は、子ページの<object><body>zoom: 1; filter: alpha(opacity=50); opacity: 0.5;を追加しようとしました。どちらの方法もIE7-8の背景/テキストと白の背景の両方に透過性を追加しています。 HTMLのオブジェクトの背景を、IEの以前のバージョンで100%透明にする方法はありますか?透明度とHTMLオブジェクト(IE7-8)

親:

<style type="text/css"> 
.object { 
    position:relative; 
    width:870px; 
    height:500px; 
} 
</style> 

<div id="wrap"> 
<object class="object" type="text/html" data="path/to/child"></object> 
</div> 

が子供:

<style type="text/css"> 
.body { 
    margin:0; 
    padding:0; 
} 

<HTML> 
<body> 

<div id="content"> 

<!--Content for Html Object--> 

</div> 

</body> 
</HTML> 
+0

コードを貼り付けることはできますか? – Joseph

+0

更新されました。オブジェクトの背景に直接透明を適用することはできません。 – Tribbey

+0

あなたは実際に ''を入れていますか? html? – Joseph

答えて

1

あなたは、オブジェクトの子が、これはうまくいくかもしれない<HTML>、であるので、これを試してみたいことがあります。このcssを親のhtmlに入れてください。

.object html{ 
    filter: alpha(opacity=50); 
    opacity: 0.5; 
} 

これはjsfiddleから取られていますので、iframeを上に無視してください。

enter image description here

+0

私は最終的に背景のための透明なPNGを使用して巻き上げ、オブジェクトにすべてを持って行き、オブジェクトを親ページに一度含まれているPHPファイルに埋め込みました。理由は少ししかありませんが、HTMLページ全体を埋め込むときにIEの透明性の問題を修正するようです。 – Tribbey