当网站在wordpress时，Fancybox出现在页面底部

时间：2012-12-20 18:11:01

标签： wordpress fancybox

我最初构建了一个静态站点，现在正在将其转换为wordpress站点。你可以找到它here点击右栏中的最后一张图片应打开一个花式框并播放视频。它在静态站点中运行良好，但由于某些原因，在wordpress中，该框出现在页面底部而不是中心。我很确定它正在看css因为我可以点击链接找到它。

1 个答案:

答案 0 :(得分：3)

这是验证页面的结果

http://validator.w3.org/check?uri=http://training.mercury.stellarbluewebdesign.com/LittlestTumorFoundation/

注意评论：

Byte-Order Mark found in UTF-8 File.
The Unicode Byte-Order Mark (BOM) in UTF-8 encoded files
is known to cause problems for some text editors and older
browsers.

另请注意

Line 1, Column 1: Non-space characters found without seeing a 
doctype first. Expected <!DOCTYPE html>

在ansi模式下通过编辑器传递代码（并显示所有符号），这就是我得到的：

enter image description here

文档中DOCTYPE之前的隐藏字符会使浏览器以怪异模式运行，因此fancybox的意外行为（需要标准模式下的文档才能正常运行）

您需要做的是使用UTF-8 without BOM编码将WP（php）文件保存在编辑器中并再次上传（并强制您的ftp软件以二进制模式上传）

相关问题
最新问题