IE8 - 表格不透明度在Quirks模式下丢失按下F11时

时间:2011-10-19 14:21:06

标签: css iframe html-table internet-explorer-8 opacity

我有一个jsp网页,其中我需要在iframe中调暗一个表,我成功调暗了表格,但是当按下F11时,表格不透明度会丢失。

我需要一个解决方法,因为重写整个页面需要时间。我有数百个jsp页面,它们都有iframe,只有怪异模式。

以下是重现问题的等效html

主页

<html>
<head></head>
<body>

<table width=100% height=100%>
<tr>
 <td>
  <iframe src="\test2.html" width=100% height=100%>

  </iframe>
 </td>
</tr>
</table>

</body>
</html>

主页结束

CALLED PAGE

<html>
<head>
</head>
<body>
<table width=100% height=100%>
<tr>
 <td>
    <table width=100% style="background-color :gray; filter:alpha(opacity=30);">
        <tr>
            <td height="500" width ="500">
                <p>TESTING</p>
            </td>
        </tr>
    </table>
 </td>
 </tr>
</table>
</body>
</html>

END CALLED PAGE PAGE

将非常感谢回复。

1 个答案:

答案 0 :(得分:0)

不确定这是否可以解决问题,但您可以尝试强制渲染模式,以便保持跨视图的一致性。

http://www.456bereastreet.com/archive/201103/x-ua-compatible_and_html5/

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

可能是浏览器中过滤器不透明度的问题。您正在使用哪种浏览器和版本?

尝试使用IE8。来自http://www.quirksmode.org/css/opacity.html

.opaque {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
    filter: alpha(opacity=50);                  // second!
}