私のサイトには、スクロールするフィードバック ボックスがあります (ページの右側)。フィードバック ボックスが白い背景を示す IE を除いて、すべて正常に動作します。「背景色」も透明に設定してみました。しかし、問題はまだ残っています。
この問題を引き起こしている正確なものを見つけるのを手伝ってください。
ありがとうございました。
私のサイトには、スクロールするフィードバック ボックスがあります (ページの右側)。フィードバック ボックスが白い背景を示す IE を除いて、すべて正常に動作します。「背景色」も透明に設定してみました。しかし、問題はまだ残っています。
この問題を引き起こしている正確なものを見つけるのを手伝ってください。
ありがとうございました。
IE のどのバージョンですか? どうやって透明にしていますか?
ViewSource では、背景がコメント アウトされています。
<div id ="fbcont" style="width: 235px;
margin-left: 33px;
padding-top: 64px;
font-family: calibri;
font-size: 15px;
color: white;/*background-color: transparent;*/">
私見の最も面倒な方法は、RGBAを使用することです
background: rgb(200, 54, 54); /* The Fallback */
background: rgba(200, 54, 54, 0);
準拠していないブラウザー (IE8 以前、FF2 以前、Safari 2 以前、および Netscape) の代替色に注意してください。IE 7/8の場合、これを試すことができます
<!--[if IE]>
<style type="text/css">
.color-block {
background:transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
zoom: 1;
}
</style>
<![endif]-->
もう 1 つの方法は、透明な PNG を使用することです (ただし、IE7 はお粗末で、png をレンダリングします)。
または、不透明度 (IE のフィルター) を使用してから、コンテンツが見えるように 2 番目の div をレイヤー化します (不透明度は、背景だけでなく全体に影響します)。