上次在无法解决PDF保存按钮隐藏的帖子出后,想了个损招,用一张图片压住保存按钮……让用户点不了。
于是在同事的帮助下,在网上搜到了个iframe遮挡的办法:
1. 把iframe的src属性赋予pdf的地址 ,使得iframe直接显示PDF,style中设置z-index:10
2. 在另一个空的iframe的style中设置z-index:20; position:absolute; height:38px;width:180px;top:0px;left:0px
3. 在一个div中设置遮挡图片,style中设置z-index:30 ; position:absolute; height:38px;width:180px;top:0px;left:0px
用一个高层的空的iframe遮挡住底层的iframe,由于在空的iframe上面显示div或图片没有问题 ,所以在最上面直接来一张图片就可以了
终于,IE通过了,但是火狐不行,总是遮不住,总是跑到最下面,这可郁闷死我了,试了下把这三个元素的先后顺序变了,但是还不行(因为一般情况下,最后输出的元素一般都在最上面 )。
在网上看到了http://www.w3help.org/zh-cn/causes/RX8012 这篇文章,(我也转到了我的博客中,以表示对其的高度膜拜,让更多的人看到),终于,在空的iframe上面加了一个属性——background:red 。
OK了,因为火狐中如果是透明的,则默认在最底层,包括flash什么的,只要是透明的,都会跑到最底层,如果设置了背景不为透明则就会复原…………………………
太感谢这篇文章了,在此予以崇高的敬意!