我在iframe中顯示了一個swf,我在fancybox中顯示。它在我的本地服務器上看起來很棒,但在使用FF10在線觀看時有額外的空白。瘋!同一代碼,同一瀏覽器,不同的服務器?從來沒有過。花式框中SWF周圍的神祕空白
編輯:以下一些有用的建議,我發現在線版本(在下面的鏈接)在Chrome中看起來也很完美。所以這個問題似乎與Firefox ..我已經嘗試清除緩存並重新啓動,並添加到iframe鏈接swf.html?ver = 3的版本。
爲什麼在本地主機vs下面的鏈接查看時,此頁面看起來不同FF?
演示是在這裏:http://memelab.com.au/flipbook/index.html
我想要的SWF(翻書相冊),以便恰好符合.fancybox-內格,圍繞SWF的邊緣上沒有空白。圖像本身有空白(我剛剛給第一頁添加了一個紅色的邊緣,可以看到頂部和側面 - 底部被切掉),但swf的邊緣可以通過頁面之間的陰影看到,頁角部擡起。
我在修剪掉空格時遇到了很大的麻煩,並發現將swf放在iframe中給了我更好的結果,因爲我可以在對象參數中指定scale =「noScale」。
我在追蹤Firebug中的問題時遇到了問題,因爲有很多重疊的高度/寬度屬性,所以成功幾乎是試驗和錯誤。只是看不出爲什麼它上傳不同!
我的腳本:
$(document).ready(function() {
$("a.various").fancybox({
width : 1008,
height : 792,
minWidth : 1048,
minHeight : 832,
autoSize : false,
padding : 20,
wrapCSS : 'pageflip'
});
});
和內部swf.html的opject:
<object width="1008px" height="792px" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param name="scale" value="noScale" />
<param name="salign" value="TL" />
<param value="transparent" name="wmode">
<param value="true" name="allowfullscreen">
<param value="always" name="allowscriptaccess">
<param value="pageflip.swf" name="movie">
<embed width="1008px" height="792px" wmode="direct" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" src="pageflip.swf" scale="noScale"></object>
我想這可能是一個緩存的問題(舊代碼),但在把版本= 2?結束對我不起作用。
我很難過。有什麼建議嗎?謝謝,蒂姆
(備案,我正在從本地主機(XAMPP),並上傳一個LAMP服務器上的文件。)
感謝您的輸入,這確實刪除了.fancybox-outer的填充。 我的問題是我在嵌入標記的_inside_上看到一些空白(不確定它的填充等)我認爲)_only_當我通過firefox在線查看頁面時。 FF +本地副本是完美的,Chrome +在線版本是完美的! 我想在徵求代表的同意後立即聯繫您。現在我會澄清我的問題 - 問題似乎與瀏覽器相關。 我會澄清我的問題.. – ptim 2012-03-14 02:06:09