This time I will show you how to prevent Flash from blocking div elements in HTML. What are the precautions for preventing Flash from blocking div elements in HTML? The following is a practical case. Let’s take a look. .
When I was writing a flashadvertising code today, because the links that come with flash can easily be regarded as pop-up ads, I made a div layer and placed it on top of the flash, so that the links are all The one triggered by a will not be intercepted, but it is found that the flash is always above the div layer. It turns out that the flash needs to add a parameter. How to place flash under the DIV layer, so that flash does not block the floating layer or
drop-down menu, so that Flash does not block the floating object or key parameter of the layer: wmode=opaque. The method is as follows:
For IE, add the parameter in
For FF, add the parameter in Add parameter wmode="opaque"
Script House usage code:
<!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=gb2312" />
<title>22cn</title>
<style type="text/css">
<!--
body {
position:relative;
z-index:0;
margin:0; padding:0
}
body,td,th {
color: #333333;
}
*{margin:0; padding:0}
img{ border:0}
#jb51{ position:relative; width:300px; height:250px}
#div1 {
position:absolute;
left:0;
top:0;
width:300px;
height:250px; z-index:-1
}
#div2 {
position:absolute;
left:0;
top:0;
width:300px;
height:250px;
z-index:99999;
}
-->
</style></head>
<body>
<div id="jb51">
<div id="div1">
<script type="text/javascript">
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="250">');
document.write('<param name="movie" value="http://img.jb51.net/image/22cn_jb51net.swf" />');
document.write('<param name="quality" value="high" /><param name="wmode" value="opaque" />');
document.write('<embed src="http://img.jb51.net/image/22cn_jb51net.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="250" wmode="opaque"></embed>');
document.write('</object>');
</script>
</div>
<div id="div2">
<a href="http://i.am.cn/?s=jb51pic2" target="_blank"><img src="/static/imghwm/default1.png" data-src="http://img.jb51.net/image/touming.png" class="lazy" style="max-width:90%" style="max-width:90%"/ alt="How to prevent Flash from blocking div elements in HTML" ></a>
</div>
</div>
</body>
</html>Standard Flash insertion width="400" height="400" Set path:
data="style/flash/001.swf" 与 value="style/flash/001.swf"Alternate text or alternative image:
<a href="" title=""><img src="/static/imghwm/default1.png" data-src="" alt=" class="lazy" alt="" /></a> 也可以不要这段 --> <object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400"> <param name="movie" value="style/flash/001.swf" /> <a href="style/flash/001.swf"><img src="/static/imghwm/default1.png" data-src="style/img/001.jpg" class="lazy" alt="Flash动画" /></a> </object>Flash that will not cover the layer
<!-- 不会遮住层的Flash 让Flash不档住浮动对象或层的关键属性： <param name="wmode" value="opaque" /> <embed wmode="opaque"></embed> --> <object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400"> <param name="movie" value="style/flash/001.swf" /> <param name="wmode" value="opaque" /> <embed wmode="opaque"></embed> <a href="style/flash/001.swf"><img src="/static/imghwm/default1.png" data-src="style/img/001.jpg" class="lazy" alt="Flash动画" /></a> </object>
<!-- 透明的Flash 让Flash透明的关键属性： <param name="wmode" value="transparent"> --> <object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400"> <param name="movie" value="style/flash/001.swf" /> <param name="wmode" value="transparent"> <a href="style/flash/001.swf"><img src="/static/imghwm/default1.png" data-src="style/img/001.jpg" class="lazy" alt="Flash动画" /></a> </object>wmode attribute/parameter value Window | Opaque | Transparent
Template variable: $WM, (optional ) allows the use of transparent Flash content,
absolute positioning, and layered display features in Internet Explorer 4.0. This tag/property is only valid on Windows with the Flash Player ActiveX control.
"Window" uses the movie's own rectangular window to play the application on the Web page. "Window" indicates that this Flash application has no interaction with the HTML layer and is always on top.
"Opaque" causes the application to hide all content behind it on the page.
"Transparent" causes the background of the HTML page to show through any transparent parts of the application and may reduce animation performance.
"Opaque windowless" and "Transparent windowless" both interact with HTML layers, allowing the layer above the SWF file to obscure the application. The difference between the two options is that "Transparent" allows transparency, so if a part of the SWF file is transparent, the HTML layer underneath the SWF file can show through that part, while "opaque" does not. .
If this property is omitted, the default value is Window. Applies to object only.
htmlHow to use the title attribute to display text on mouse hover
htmlHow to use hyperlinks Open a new window and control the window properties
The above is the detailed content of How to prevent Flash from blocking div elements in HTML. For more information, please follow other related articles on the PHP Chinese website!
HTML超文本标记语言--超在那里？（文档分析）Aug 02, 2022 pm 06:04 PM本篇文章带大家了解一下HTML（超文本标记语言），介绍一下HTML的本质，HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单，希望对大家有所帮助！
web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM总结了一些web前端面试（笔试）题分享给大家，本篇文章就先给大家分享HTML部分的笔试题（附答案），大家可以自己做做，看看能答对几个！
flash是什么Aug 10, 2023 am 10:16 AMFlash是一种用于创建多媒体和互动内容的软件，具有矢量图形、时间轴动画、交互性和多媒体处理能力等特点。尽管曾经非常流行，但随着新技术的崛起，Flash逐渐被淘汰，并且在2020年停止了官方支持。
HTML5中画布标签是什么May 18, 2022 pm 04:55 PMHTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制，它只是一个矩形的图形容器，绘制图形必须通过脚本（通常是JavaScript）来完成；开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。
html中document是什么Jun 17, 2022 pm 04:18 PM在html中，document是文档对象的意思，代表浏览器窗口的文档；document对象是window对象的子对象，所以可通过“window.document”属性对其进行访问，每个载入浏览器的HTML文档都会成为Document对象。
Debian安装Flash：详细指南与Linux小知识分享Feb 15, 2024 pm 01:00 PMFlash曾经是网络多媒体的王者，尽管现在它的使用已经大大减少，但在一些老网站或特定应用中，我们仍然需要Flash插件，我们将详细介绍如何在Debian系统中安装Flash。我们需要明确的是Adobe已于2020年12月31日正式停止对FlashPlayer的支持，因此，我们推荐的Flash版本是开源的PepperFlash，PepperFlash是Google开发的，专为Chrome浏览器使用的Flash版本。安装步骤：1.打开终端，更新你的包列表：```sqlsudoapt-getupdat
html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PMhtml5废弃了dir列表标签。dir标签被用来定义目录列表，一般和li标签配合使用，在dir标签对中通过li标签来设置列表项，语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir，可使用ul标签取代。
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
VSCode Windows 64-bit Download
A free and powerful IDE editor launched by Microsoft
SublimeText3 Mac version
God-level code editing software (SublimeText3)
EditPlus Chinese cracked version
Small size, syntax highlighting, does not support code prompt function
MantisBT
Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.
mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),
