2

把我的头发拉到这个上面，我很感激我能得到的任何帮助。

使用 Android 版 Chrome 访问此网站：http: //summit2014.cochranesupply.com/

根据我的经验，这个问题是 Chrome for Android 独有的，我相信这可能是一个错误，但我需要一个解决方法。

向下滚动到“联系人”部分并翻阅它。您应该至少找到这个实心颜色条的一个实例：

例子

我对这个酒吧的发现：

  • 它呈现在“联系人”内容块的后面
    • 我相信这是真的，因为如果我使用透明图像 (.png) 作为背景而不是 rgba(255,255,255,0.9)，我仍然可以看到它，但是如果我使相同的图像不透明，我就看不到它。
  • 它的背景颜色约为 10% 不透明度白色
    • 我测试了这是否与我的 rgba(255,255,255,0.9) 背景颜色有关，但不是。将部分背景更改为红色或纯色不会更改幻像元素的颜色/色调。
  • 如果我连接桌面的 Chrome 调试工具，在我点击 Inspect 的那一秒，幻影栏就会消失，无论是在我的 Android 设备上还是在它的模拟视图中。
  • 如果我将手机侧向翻转以使内容变宽，然后将其翻转回来，幻影条就会消失。
  • 我已删除所有 css 表格格式，但无济于事。我已删除与该内容块关联的所有 CSS 组合，但无济于事。唯一让它消失的是从部分中完全删除背景，或者使用可能隐藏这些幻影块的不透明背景。
  • 我已经删除了页面底部的所有自定义脚本，但无济于事。
  • 我已经删除了围绕此内容块的所有内容，但无济于事。
  • 不同的内容组合使条形图呈现在不同的位置。有时，当切换回原始配置时，即使所有代码都已恢复正常，条形图的呈现方式也会与以前不同。

我不知道该怎么办了。我希望 Chrome 调试能够正常工作，并且我能够确定这里究竟呈现了什么，但我不能，因为一旦我使用 Inspect 功能查看 CSS/HTML，幻影元素就会立即消失。

这也是该内容块的相关 CSS/HTML：

HTML：

        <div class="row section">
            <div class="slot-6-7-8-9">
                <div class="section-title">
                    <i class="fa fa-users"></i>CONTACT
                </div>
            </div>
            <div class="slot-6-7-8-9">
                <div class="section-text" style="text-align: center;">
                    General inquiries and sales:<br>
                    <span class="semibold" style="font-size: 1.1em">800-482-4894</span><br>
                    <a href="mailto:sales@cochranesupply.com">sales@cochranesupply.com</a><br>
                    <a class="semibold" href="http://www.cochranesupply.com">www.cochranesupply.com</a><br>
                    <a href="http://twitter.com/CochraneSupply" target="_blank" class="social-media"><i class="fa fa-twitter-square" style="color: #00aced;"></i></a>
                    <a href="https://www.facebook.com/pages/Cochrane-Supply-Engineering/148656168524834" target="_blank" class="social-media"><i class="fa fa-facebook-square" style="color: #3b5998;"></i></a>
                    <a href="http://www.linkedin.com/groups?about=&gid=2878019&trk=anet_ug_grppro" target="_blank" class="social-media"><i class="fa fa-linkedin-square" style="color: #007bb6;"></i></a>
                </div>
            </div>
            <div class="row">
                <div class="slot-6-7">
                    <div class="contact-container">
                        <div class="contact-picture">
                            <img src="./images/employees/scochrane.jpg" alt="Scott Cochrane">
                        </div>
                        <div class="contact-info">
                            <div class="contact-title-bold">
                                Scott Cochrane
                            </div>
                            <div class="contact-title-text">
                                President
                            </div>
                            <div class="contact-bold">
                                Phone
                            </div>
                            <div class="contact-text">
                                800-482-4894
                            </div>
                            <div class="contact-bold">
                                Email
                            </div>
                            <div class="contact-text">
                                <a href="mailto:scochrane@cochranesupply.com">scochrane</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="slot-8-9">
                    <div class="contact-container">
                        <div class="contact-picture">
                            <img src="./images/employees/dladwig.jpg" alt="Dave Ladwig">
                        </div>
                        <div class="contact-info">
                            <div class="contact-title-bold">
                                Dave Ladwig
                            </div>
                            <div class="contact-title-text">
                                General Manager
                            </div>
                            <div class="contact-bold">
                                Phone
                            </div>
                            <div class="contact-text">
                                800-482-4894
                            </div>
                            <div class="contact-bold">
                                Email
                            </div>
                            <div class="contact-text">
                                <a href="mailto:dladwig@cochranesupply.com">dladwig</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="slot-6-7">
                    <div class="contact-container">
                        <div class="contact-picture">
                            <img src="./images/employees/nconklin.jpg" alt="Nicole Conklin">
                        </div>
                        <div class="contact-info">
                            <div class="contact-title-bold">
                                Nicole Conklin
                            </div>
                            <div class="contact-title-text">
                                OEM Sales
                            </div>
                            <div class="contact-bold">
                                Phone
                            </div>
                            <div class="contact-text">
                                800-482-4894
                            </div>
                            <div class="contact-bold">
                                Email
                            </div>
                            <div class="contact-text">
                                <a href="mailto:nconklin@cochranesupply.com">nconklin</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="slot-8-9">
                    <div class="contact-container">
                        <div class="contact-picture">
                            <img src="./images/employees/ptrainor.jpg" alt="Pat Trainor">
                        </div>
                        <div class="contact-info">
                            <div class="contact-title-bold">
                                Pat Trainor
                            </div>
                            <div class="contact-title-text">
                                OEM Sales
                            </div>
                            <div class="contact-bold">
                                Phone
                            </div>
                            <div class="contact-text">
                                800-482-4894
                            </div>
                            <div class="contact-bold">
                                Email
                            </div>
                            <div class="contact-text">
                                <a href="mailto:ptrainor@cochranesupply.com">ptrainor</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="slot-6-7">
                    <div class="contact-container">
                        <div class="contact-picture">
                            <img src="./images/employees/mrosu.jpg" alt="Mike Rosu">
                        </div>
                        <div class="contact-info">
                            <div class="contact-title-bold">
                                Mike Rosu
                            </div>
                            <div class="contact-title-text">
                                Northeast Detroit, MI
                            </div>
                            <div class="contact-bold">
                                Phone
                            </div>
                            <div class="contact-text">
                                313-387-3025
                            </div>
                            <div class="contact-bold">
                                Email
                            </div>
                            <div class="contact-text">
                                <a href="mailto:mrosu@cochranesupply.com">mrosu</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="slot-8-9">
                    <div class="contact-container">
                        <div class="contact-picture">
                            <img src="./images/employees/dlawson.jpg" alt="Dave Lawson">
                        </div>
                        <div class="contact-info">
                            <div class="contact-title-bold">
                                Dave Lawson
                            </div>
                            <div class="contact-title-text">
                                Southwest Detroit, MI
                            </div>
                            <div class="contact-bold">
                                Phone
                            </div>
                            <div class="contact-text">
                                313-387-3025
                            </div>
                            <div class="contact-bold">
                                Email
                            </div>
                            <div class="contact-text">
                                <a href="mailto:dlawson@cochranesupply.com">dlawson</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="slot-6-7">
                    <div class="contact-container">
                        <div class="contact-picture">
                            <img src="./images/employees/drademacher.jpg" alt="Dan Rademacher">
                        </div>
                        <div class="contact-info">
                            <div class="contact-title-bold">
                                Dan Rademacher
                            </div>
                            <div class="contact-title-text">
                                Western Michigan
                            </div>
                            <div class="contact-bold">
                                Phone
                            </div>
                            <div class="contact-text">
                                800-306-5104
                            </div>
                            <div class="contact-bold">
                                Email
                            </div>
                            <div class="contact-text">
                                <a href="mailto:drademacher@cochranesupply.com">drademacher</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="slot-8-9">
                    <div class="contact-container">
                        <div class="contact-picture">
                            <img src="./images/employees/gwidenmier.jpg" alt="Greg Widenmier">
                        </div>
                        <div class="contact-info">
                            <div class="contact-title-bold">
                                Greg Widenmier
                            </div>
                            <div class="contact-title-text">
                                Northern Michigan
                            </div>
                            <div class="contact-bold">
                                Phone
                            </div>
                            <div class="contact-text">
                                989-859-6062
                            </div>
                            <div class="contact-bold">
                                Email
                            </div>
                            <div class="contact-text">
                                <a href="mailto:gwidenmier@cochranesupply.com">gwidenmier</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="slot-6-7">
                    <div class="contact-container">
                        <div class="contact-picture">
                            <img src="./images/employees/thorace.jpg" alt="Tim Horace">
                        </div>
                        <div class="contact-info">
                            <div class="contact-title-bold">
                                Tim Horace
                            </div>
                            <div class="contact-title-text">
                                Ohio
                            </div>
                            <div class="contact-bold">
                                Phone
                            </div>
                            <div class="contact-text">
                                419-243-1711
                            </div>
                            <div class="contact-bold">
                                Email
                            </div>
                            <div class="contact-text">
                                <a href="mailto:thorace@cochranesupply.com">thorace</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="slot-8-9">
                    <div class="contact-container">
                        <div class="contact-picture">
                            <img src="./images/employees/gwitt.jpg" alt="Greg Witt">
                        </div>
                        <div class="contact-info">
                            <div class="contact-title-bold">
                                Greg Witt
                            </div>
                            <div class="contact-title-text">
                                Kentucky
                            </div>
                            <div class="contact-bold">
                                Phone
                            </div>
                            <div class="contact-text">
                                502-208-3640
                            </div>
                            <div class="contact-bold">
                                Email
                            </div>
                            <div class="contact-text">
                                <a href="mailto:gwitt@cochranesupply.com">gwitt</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="slot-6-7">
                    <div class="contact-container">
                        <div class="contact-picture">
                            <img src="./images/employees/plemire.jpg" alt="Patrick Lemire">
                        </div>
                        <div class="contact-info">
                            <div class="contact-title-bold">
                                Patrick Lemire
                            </div>
                            <div class="contact-title-text">
                                Canada
                            </div>
                            <div class="contact-bold">
                                Phone
                            </div>
                            <div class="contact-text">
                                514-609-7114
                            </div>
                            <div class="contact-bold">
                                Email
                            </div>
                            <div class="contact-text">
                                <a href="mailto:plemire@cochranesupply.com">plemire</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="slot-8-9">
                    <div class="contact-container">
                        <div class="contact-picture">
                            <img src="./images/employees/nrichmond.jpg" alt="Nicole Richmond">
                        </div>
                        <div class="contact-info">
                            <div class="contact-title-bold">
                                Nicole Richmond
                            </div>
                            <div class="contact-title-text">
                                Marketing, Training Coordinator
                            </div>
                            <div class="contact-bold">
                                Phone
                            </div>
                            <div class="contact-text">
                                800-482-4894
                            </div>
                            <div class="contact-bold">
                                Email
                            </div>
                            <div class="contact-text">
                                <a href="mailto:nrichmond@cochranesupply.com">nrichmond</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="slot-6-7">
                    <div class="contact-container">
                        <div class="contact-picture">
                            <img src="./images/employees/mmitchell.jpg" alt="Mike Mitchell">
                        </div>
                        <div class="contact-info">
                            <div class="contact-title-bold">
                                Mike Mitchell
                            </div>
                            <div class="contact-title-text">
                                Chief Technology Officer
                            </div>
                            <div class="contact-bold">
                                Phone
                            </div>
                            <div class="contact-text">
                                800-482-4894
                            </div>
                            <div class="contact-bold">
                                Email
                            </div>
                            <div class="contact-text">
                                <a href="mailto:mmitchell@cochranesupply.com">mmitchell</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="slot-8-9">
                    <div class="contact-container">
                        <div class="contact-picture">
                            <img src="./images/employees/jmitchell.jpg" alt="Joe Mitchell">
                        </div>
                        <div class="contact-info">
                            <div class="contact-title-bold">
                                Joe Mitchell
                            </div>
                            <div class="contact-title-text">
                                Tech Services, Instructor
                            </div>
                            <div class="contact-bold">
                                Phone
                            </div>
                            <div class="contact-text">
                                800-482-4894
                            </div>
                            <div class="contact-bold">
                                Email
                            </div>
                            <div class="contact-text">
                                <a href="mailto:jmitchell@cochranesupply.com">jmitchell</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="slot-6-7">
                    <div class="contact-container">
                        <div class="contact-picture">
                            <img src="./images/employees/kcrabill.jpg" alt="Kevin Crabill">
                        </div>
                        <div class="contact-info">
                            <div class="contact-title-bold">
                                Kevin Crabill
                            </div>
                            <div class="contact-title-text">
                                Tech Services, Developer
                            </div>
                            <div class="contact-bold">
                                Phone
                            </div>
                            <div class="contact-text">
                                800-482-4894
                            </div>
                            <div class="contact-bold">
                                Email
                            </div>
                            <div class="contact-text">
                                <a href="mailto:kcrabill@cochranesupply.com">kcrabill</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="slot-8-9">
                    <div class="contact-container">
                        <div class="contact-picture">
                            <img src="./images/employees/rvandermeer.jpg" alt="Ron Vandermeer">
                        </div>
                        <div class="contact-info">
                            <div class="contact-title-bold">
                                Ron Vandermeer
                            </div>
                            <div class="contact-title-text">
                                Tech Services, Instructor
                            </div>
                            <div class="contact-bold">
                                Phone
                            </div>
                            <div class="contact-text">
                                800-482-4894
                            </div>
                            <div class="contact-bold">
                                Email
                            </div>
                            <div class="contact-text">
                                <a href="mailto:rvandermeer@cochranesupply.com">rvandermeer</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="slot-6-7">
                    <div class="contact-container">
                        <div class="contact-picture">
                            <img src="./images/employees/arickle.jpg" alt="Aaron Rickle">
                        </div>
                        <div class="contact-info">
                            <div class="contact-title-bold">
                                Aaron Rickle
                            </div>
                            <div class="contact-title-text">
                                Tech Services, Developer
                            </div>
                            <div class="contact-bold">
                                Phone
                            </div>
                            <div class="contact-text">
                                800-482-4894
                            </div>
                            <div class="contact-bold">
                                Email
                            </div>
                            <div class="contact-text">
                                <a href="mailto:arickle@cochranesupply.com">arickle</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

CSS：

.section {
    background-color: rgba(255,255,255,0.9);
    margin-top: 10px;
}

.contact-container {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 20px 0;
}

.contact-picture {
    display: table-cell;
    vertical-align: top;
    width: 25%;
    padding: 1px 14px 0 14px;
}

.contact-picture img {
    width: 100%;
}

.contact-info {
    display: table-cell;
    vertical-align: top;
    line-height: 100%;
}

.contact-title-bold {
    font-size: 20px;
    color: #d92027;
    font-weight: 600;
}

.contact-title-text {
    font-size: 16px;
    color: #d92027;
    margin-top: 5px;
}

.contact-bold {
    margin-top: 10px;
    color: #505050;
}

.contact-text {
    margin-top: 3px;
    font-size: 18px;
}

请帮助@_@ 目前我基本上已经放弃并认为它是 Chrome for Android 的一个错误，但我很想找出某种解决方法，了解为什么会发生这种情况，或者真的确定这是一个漏洞。

4

1 回答 1

0

我花了一点时间研究这个问题，这就是我发现的：

  • 当我第一次加载您的页面时，幻影栏就出现了，而不仅仅是在联系块中。
  • 当我刷新浏览器时，这些栏完全消失了。当我再次刷新时，它们返回了，仅在联系人块中。
  • 当我将设备翻转到横向时，幻影栏再次消失，并且在我翻转回来时没有返回。

幻影栏未始终显示的事实表明 Android 版 Chrome 存在错误。

我意识到这并不能回答您的问题，但希望它可以为您提供更多信息。

于 2014-04-23T22:38:54.130 回答