Flexpaper重叠的html元素

Question

我知道我必须设置wmode属性，但是我应该在flex paper中的什么地方设置该属性呢？

下面是将Flexpaper嵌入HTML文档的代码。

<script type="text/javascript"> 
                    var doc                 = '<?php print $doc; ?>';
                    var numPages            = <?php echo getTotalPages($pdfFilePath . $doc) ?>;
                    var swfFileUrl          = escape('{services/view.php?doc='+doc+'&page=[*,0],'+numPages+'}');
                    var searchServiceUrl    = escape('services/containstext.php?doc='+doc+'&page=[page]&searchterm=[searchterm]');

                    var fp = new FlexPaperViewer(   
                             'FlexPaperViewer',
                             'viewerPlaceHolder', { config : {
                             SwfFile : swfFileUrl, 
                             Scale : 1, 
                             ZoomTransition : 'easeOut',
                             ZoomTime : 0.5,
                             ZoomInterval : 0.2,
                             FitPageOnLoad : false,
                             FitWidthOnLoad : false,
                             FullScreenAsMaxWindow : false,
                             ProgressiveLoading : false,
                             MinZoomSize : 0.2,
                             MaxZoomSize : 5,
                             SearchMatchAll : true,
                             SearchServiceUrl : searchServiceUrl,
                             InitViewMode : 'Portrait',
                             BitmapBasedRendering : false,

                             ViewModeToolsVisible : true,
                             ZoomToolsVisible : true,
                             NavToolsVisible : true,
                             CursorToolsVisible : true,
                             SearchToolsVisible : true,

                             localeChain: 'en_US'
                             }});           
                </script>

Answer 1

我看不到通过将参数传递给FlexPaperViewer构造函数来实现这一点的方法，但是您也许能够在flexpaper_flash.js中解决它。在第19行附近，尝试在那里添加wmode参数：

window.FlexPaperViewer = window.$f = function() {
    var config = arguments[2].config;

    window.FlexPaperViewer_Instance = flashembed(arguments[1], {
        //add wmode here
        wmode: "transparent",
        src: arguments[0]+".swf",
        version: [10, 0],
        expressInstall: "js/expressinstall.swf"
    },{
        ...
    });
};

Answer 2

更好的办法是将以下内容添加到您的flexpaper配置中：

如下所示：

var fp = new FlexPaperViewer(
                            '<%:FlexPaperViewer %>',
                            'documentViewer', { config: {

                                    SwfFile: '<%:SwfFile%>.swf',
                                    IMGFiles: '<%:SwfFile%>_{page}.png',
                                    JSONFile: '/GetJson.ashx?q=<%=SwfFile%>.json',

                                    ...lots of other irrelevant params...
                                    WMode : 'transparent',

                                    localeChain: 'en_US'
                                }
                            });

Flexpaper将获取WMode并将其设置为Flash object (我正在使用flexpaper1.5(2012年5月))

Answer 3

wmode实际上是您在HTML中的SWF嵌入代码上设置的配置参数。为了更明确地回答这个问题，您需要展示如何嵌入代码，以及FlexPaper需要的wmode值。然而，这里有几种基于流行的嵌入方法来设置它的方法。

如果您正在使用嵌入SWF电影的HTML样式，请将此代码添加到现有的param标签旁边。

<param name="wmode" value="transparent">

或者，如果你正在使用SWFObject嵌入你的SWF，你可以像这样设置wmode：

var flashvars = {},
params = {wmode:"transparent"},
attributes = {};

swfobject.embedSWF("/swf/yourSWF.swf", "anim", "300", "200", "9.0.0", "/swf/expressInstall.swf", flashvars, params, attributes);

有关更多信息，请参阅wmode parameter上的Adobe文档。