笔者写这篇博文是为了给自己一个总结,同时让遇到同样问题的朋友有幸看到这篇文章后对遇到同样的问题有一点点帮助。亏我大学还是学网页设计的,好久没有做网站了。前不久公司上司叫我给他朋友公司做个网站,他知道我是学网页设计的就问我能不能做,要求不是很高,就是个简单的HTML静态站,不需要什么后台、复杂数据库的。我就欣然答应了,一个星期吧就可以搞定。
首先遇到的就是:
网站的js+css导航条下拉部分被flash遮住了。该怎么解决呢?
下面是我在网上找的一些解决方法:
1、FLASH设置透明背景即可解决
中间有一个
或者加入这句是允许flash上层可以有网页的遮挡 ;
(为什么使用这个属性的详细解释可以参考网址:http://www.dreamdu.com/xhtml/tag_param/)
以上这个方法应该能解决IE下的这种问题。
2、或者在Flash外面加一个DIV,设置他的Z-INDEX值。让他小于你DIV导航的Z-INDEX值,设置层的z-index数越大越在上面 就可以盖住flash了。
3、在导航条层与flash层之间加入
CSS里加入.clear { clear:both; }4、以上这样设置之后在IE(IE8)中是好了
网友sweetyswain给的回答如下:
不要在网页上直接写flash代码,使用js写,应当能够解决。
z-index是会没有用的,背景透明更是解决不了chrome等浏览器下这种问题
你用js写出这些代码就好了,然后不行的话,到网上找个加载swf文件的js也行。
也许你还不明白吧 没事给你具体的方法如下:
(1)把下面的js代码拷贝,写到一个文本里头,保存成ikan.js或者其他任何名字,(2)把这段话放在你要放flash的地方,"images/banner.swf"改成你的flash的地址,978,350改成你的flash的宽度和高度这句话放在你要放flash的地方:
这是js代码:
function ikhan_swf(url, width, height, allowDomain) {
}
function IKHAN(id)
{document.write(id.innerHTML); id.id="";}
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();}
document.onfocusin=bluring;