gpt4 book ai didi

html - 网站内容在 Moz 上显示,但在 Chrome 上不显示

转载 作者:行者123 更新时间:2023-11-28 13:24:12 24 4
gpt4 key购买 nike

我有一个 site我正在努力使用 Sinatra 框架并将其上传到 Heroku。在 Firefox 上,我能够看到页面及其所有内容,但在 Chrome 上,所有文本、边框等的颜色都是白色的。为什么要这样做,我该如何解决?请注意,我还为 HTML 框架使用了 Zurb 基础,为后端使用了 Sinatra。

下面是我的 CSS 页面。

/* LAYOUT */
/*========*/
.the-page {
-webkit-box-shadow: 4px 2px rgba(0,0,0,.1), -4px 0 2px rgba(0,0,0,.1);
-moz-box-shadow: 4px 0 2px rgba(0,0,0,.1), -4px 0 2px rgba(0,0,0,.1);
box-shadow: 4px 0 2px rgba(0,0,0,.1), -4px 0 2px rgba(0,0,0,.1);
}

/* MISC */
/*======*/

.center {text-align: center;}

.brown {color: #653000;}

.green {color: #003218;}

a{color: #653000;}

a:hover {color: #003218;}

.size20 { font-size: 20px;}


/* Prevent MOZ border outline */
:focus {outline:none;}
::-moz-focus-inner {border:0;}

/* FOOTER */
/* ====== */


html, body {
height: 100%;
color: #653000;
}
.body-wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -65px;
}
.footer, .push {
height: 65px;
}

.footer {
color: black;

}

最佳答案

我在这里使用 Chrome 24 进行了测试,并在开发人员工具中查看了应用的 CSS 规则。通过删除 row来自 <html> 的类(class)标记,我能够在 Chrome 中看到您的网站。

以下规则似乎是您的部分麻烦的根源。

.row:before,.row:after{content:" ";display:table}

Chrome 不喜欢 display:table应用于 <html> 的规则根本没有标签。

关于html - 网站内容在 Moz 上显示,但在 Chrome 上不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14567110/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com