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

发布于 2024-12-10 18:45:59 字数 1053 浏览 0 评论 0原文

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

我需要一个解决方法，因为重写整个页面需要时间。我有数百个 jsp 页面，它们具有 iframe，并且仅处于怪异模式。

这是重现问题的等效 html

MAIN PAGE

<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>

MAIN PAGE

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

END OF 将不胜感激。

原文

I have a jsp webpage wherein I need to Dim a table inside an iframe, I successfully dim the table but when F11 is pressed the table opacity is lost.

I need a workaround on this because rewriting the whole page will take time. I have hundreds of jsp pages that has iframes and only in quirks mode.

Here is the equivalent html that reproduces the problem

MAIN PAGE

<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>

END OF MAIN PAGE

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

Replies will be much appreciated.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

卸妝后依然美 2024-12-17 18:46:00

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

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!
}

Not sure if this will solve the issue, but you can try to force the rendering mode so that you maintain consistency across views.

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

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

Could be an issue with the filter opacity in the browser. What browser and version are you working with?

Try this for IE8. From http://www.quirksmode.org/css/opacity.html

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

回复收藏 0 原文

~没有更多了~