0

用Firefox打开它。尚不确定为什么它无法在 IE 或 Chrome 中正确打开。

我认为第三张幻灯片（Gumdrop，一只眼睛猫的幻灯片）上的 CSS 没有什么不同。

相关HTML：

<div class="slide" src="" data-image="../images/oneeyecat1.jpg" style="background-image: url(http://wholedesignstudios.com/wp-content/uploads/2013/05/hand-fandrop-1-lightroom-31.jpg); background-size: cover;            

                <div class="wrapper">
                    <div class="information easybring">
                        <h1>Gumdrop</h1>
                        <h2>Gumdrop was abused and neglected. She needs you. Visit her today.</h2>
                        <div class="button"><a onClick="_gaq.push(['_trackEvent', 'HompageSlider', 'cta', 'Fandrop']);" href="/work/fandrop">Discover More</a></div>
                    </div>
                </div>
            </div>

父 div 的相关 CSS：

.information {
display: block;
float: none;
margin: 0 auto;
max-width: 1200px;
width: 100%;
}

h1 的相关 CSS

.information h1{color:#fff;font-size:50px;text-shadow:0 1px 1px #555;margin-bottom:40px;}

对不起，我还不能发布图片！

4

3 回答 3

0 
$ is not defined

在调用 jquery 库/插件之前，您必须包含 jquery ...

于 2013-07-24T23:20:23.360 回答
0

您的 Dropbox URL 使用 HTTPS（安全），然后您正在从 wholedesignstudios.com 加载一堆脚本（非安全）。浏览器阻止了不安全的内容。

这是 Chrome 显示的消息：

[blocked] The page at https://dl.dropboxusercontent.com/u/189845951/cuddly%20critters%20v3%20redesign/html/index.html ran insecure content from http://wholedesignstudios.com/wp-content/themes/whole/_/js/slider.js.

IE浏览器：

HTTPS security is compromised by http://wholedesignstudios.com/wp-content/themes/whole/_/js/slider.js

尝试将所有这些文件移动到您的保管箱文件夹，以便从同一个域加载所有资产。

于 2013-07-24T23:50:00.317 回答
0

这是解决方案。

<div class="slide" src="" data-image="../images/doglick1.jpg" style="background-image:        url(wholedesignstudios.com/wp-content/uploads/2013/05/…); background-size: cover; display: block; background-position: center center;">

缺少显示和背景位置。感谢您的关注！**

于 2013-07-25T18:44:12.703 回答