草庐IT

Safari 及以后的 Java Applet z-index

coder 2023-08-08 原文

网页中 Java Applet 的一个众所周知的问题是浏览器会忽略 applet 标记相对于页面中其他组件的 z-index。无论您如何在页面中定位元素和 z-index 元素，小程序都会将自己绘制在所有元素之上。

有一个解决方法，称为 iframe shim，如下所述:http://www.oratransplant.nl/2007/10/26/using-iframe-shim-to-partly-cover-a-java-applet/ .

但是，此解决方法不适用于 Windows 中的 Safari 3 或 4(假设 Mac 也是如此)。

有谁知道在 Safari 中使用它的方法吗？

有没有人知道如何向 Sun 施压以解决根本问题，从而避免笨拙的垫片？这是有关此问题的错误报告，http://bugs.sun.com/bugdatabase/view_bug.do?bug_id=6646289 ，请注意它已经开放了一年，但是其他错误报告可以追溯到很多年前。

这太令人沮丧了，难道 Sun 不明白这正是边缘化 Java 作为一种在浏览器中做很酷的事情的方式的事情吗？我爱你 Java，但你没有帮助你的处境......

最佳答案

这个问题有一个棘手的解决方案。不必将代码放在 iframe 中。我们可以有一个虚拟的 iframe 作为小程序之上的一层。然后可以轻松地将带有文本的绝对 div 放置在该 iframe 上方。

工作示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Applet z index issue</title>
<style>

.applet {width:400px; margin:0 auto; text-align:center; border:1px solid #000; left:40%; position:absolute }
.iframe {width:400px;  background:#fff; position:absolute; border:1px solid #f00; position:absolute; left:45%; top:20px; z-index:9; height:201px;}
.message { width:250px; border:1px solid #000; background:#fff; height:150px; color:#fff; text-align:center;  z-index:99; background:#555;  float:left; position:absolute; left:45%; top:20px}

 </style>
</head>

<body>
<div class="message">Message</div>
<div class="iframe"><iframe style="width:500px; height:205px; background:none; border:none"> </iframe></div>
<div class="applet">

<applet code="Bubbles.class" width="400" height="350">
Java applet that draws animated bubbles.
</applet>

</div>

</body>
</html>

关于Safari 及以后的 Java Applet z-index，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/638886/

z-indexSafariiframe34sectionjavahtmlappletoverlay

有关Safari 及以后的 Java Applet z-index的更多相关文章

  1. ruby-on-rails - Sphinx - 何时对字段使用 'has' 和 'indexes' - 2

    我几天前在我的ruby​​onrails2.3.2上安装了Sphinx和Thinking-Sphinx，基本搜索效果很好。这意味着，没有任何条件。现在，我想用一些条件过滤搜索。我有公告模型，索引如下所示:define_indexdoindexestitle,:as=>:title,:sortable=>trueindexesdescription,:as=>:description,:sortable=>trueend也许我错了，但我注意到只有当我将:sortable=>true语法添加到这些属性时，我才能将它们用作搜索条件。否则它找不到任何东西。现在，我还在使用acts_as_tag

  2. Ruby#index 方法 VS 二进制搜索 - 2

    给定一个元素和一个数组，Ruby#index方法返回元素在数组中的位置。我使用二进制搜索实现了我自己的索引方法，期望我的方法会优于内置方法。令我惊讶的是，内置的在实验中的运行速度大约是我的三倍。有Rubyist知道原因吗？ 最佳答案 内置#indexisnotabinarysearch，这只是一个简单的迭代搜索。但是，它是用C而不是Ruby实现的，因此自然可以快几个数量级。 关于Ruby#index方法VS二进制搜索，我们在StackOverflow上找到一个类似的问题：

  3. ruby - Java 8 相当于 ruby​​ each_with_index - 2

    我想知道，是否有一些流操作可以像ruby​​中的each_with_index那样做。其中each_with_index遍历值以及值的索引。 最佳答案 没有专门用于该目的的流操作。但您可以通过多种方式模仿该功能。索引变量:以下方法适用于顺序流。int[]index={0};stream.forEach(item->System.out.printf("%s%d\n",item,index[0]++));外部迭代:以下方法适用于并行流，只要原始集合支持随机访问。Listtokens=...;IntStream.range(0,toke

  4. ruby - 将 each_with_index 与 map 一起使用 - 2

    我想获取一个数组并将其作为订单列表。目前我正在尝试以这种方式进行:r=["a","b","c"]r.each_with_index{|w,index|puts"#{index+1}.#{w}"}.map.to_a#1.a#2.b#3.c#=>["a","b","c"]输出应该是["1.a","2.b","3.c"]。如何让正确的输出成为r数组的新值？ 最佳答案 a.to_enum.with_index(1).map{|element,index|"#{index}.#{element}"}或a.map.with_index(1){|

  5. ruby-on-rails - Rails add_index 算法 : :concurrently still causes database lock up during migration - 2

    为了防止在迁移到生产站点期间出现数据库事务错误，我们遵循了https://github.com/LendingHome/zero_downtime_migrations中列出的建议。(具体由https://robots.thoughtbot.com/how-to-create-postgres-indexes-concurrently-in概述)，但在特别大的表上创建索引期间，即使是索引创建的“并发”方法也会锁定表并导致该表上的任何ActiveRecord创建或更新导致各自的事务失败有PG::InFailedSqlTransaction异常。下面是我们运行Rails4.2(使用Acti

  6. ruby-on-rails - Rails 不呈现 public/index.html 文件；浏览器中的空白页面 - 2

    当我将我的Rails+React应用程序部署到Heroku时，我遇到了问题。React客户端位于Rails应用程序的client/目录中。由于使用了react-router，Rails服务器需要知道从React构建中渲染index.html。当我在Heroku上部署客户端时，脚本将内容从client/build/.复制到Rails应用程序的public/目录。现在问题来了:当我的路由检测到类似example.com/about的路径时，它会尝试呈现public/index.html。方法如下:deffallback_index_htmlrenderfile:"public/index.

  7. ruby-on-rails - 文章#index 中的 Ruby on Rails 教程 NoMethodError - 2

    所以我正在关注http://guides.rubyonrails.org/getting_started.html上的官方ROR教程我被困在第5.8节，它教我如何列出所有文章下面是我的controller和index.html.erbControllerclassArticlesControllerindex.html.erbListingarticlesTitleText我收到带有错误消息的NoMethodErrorinArticles#indexundefinedmethod`each'fornil:NilClass"怎么了？我从网站上复制并粘贴了代码以查看我做错了什么，但仍然无法

  8. ruby - Rails map_with_index？ - 2

    我有以下内容::participants=>item.item_participations.map{|item|{:item_image=>item.user.profile_pic.url(:small)}}我希望这种情况在内部发生的次数不超过3次。我试过map_with_index但没有用。关于在循环中最多运行3次后如何中断的任何建议？ 最佳答案 从Ruby1.9开始，您可以使用map.with_index::participants=>item.item_participations.map.with_index{|item

  9. ruby-on-rails - PinsController#index : declare the formats your controller responds to in the class level 中的运行时错误 - 2

    在我的Rails应用程序上工作时，我在终端中使用以下命令创建了一个“Pins”脚手架:railsgeneratescaffoldPinsdescription:string--skip-stylesheets这会在我的应用程序中创建脚手架，然后我运行:rakedb:migrate一切顺利。我没有更改任何生成的页面，但是当我最终尝试访问localhost:3000上的新脚手架时，出现以下错误:RuntimeErrorinPinsController#indexInordertouserespond_with,firstyouneedtodeclaretheformatsyourcontr

  10. ruby - 为什么 .index 比 .all 快？ - 2

    这是做同样事情的两个简单block:a=(0..100).to_aa.all?do|x|!(x==1000)endnil==a.indexdo|x|x==1000end除了第二个总是快一点。为什么？usersystemtotalrealtestingall1.1400000.0000001.140000(1.144535)testingindex0.7700000.0000000.770000(0.769195) 最佳答案 原因是index是Array的一个方法。Ruby将迭代(在C中)项目并将它们依次生成到block。另一方面，a

随机推荐