css - 当我在我的 ember 应用程序中应用某个 CSS 类时,文本消失了

标签 css ember.js ember-cli

所以我正在尝试将我购买的模板集成到我正在编写的新 ember 应用程序中。我遇到的问题是文本没有显示在页面上。当我使用 chrome 开发工具或 Firebug 调试时,元素被包含但不可见。如果我实时编辑元素以删除“section-wrapper”类,那么文本是可见的,但它会丢失必要的格式。只有当我通过 Handlebars 模板包含内容时才会发生这种情况。如果我将内容放在 index.html 中,一切都很好。

它在这里作为静态 html 工作正常:http://static.rottengrapesyndicate.com/

但是当我将相同的内容移动到 application.hbs 时,这里出现了问题:http://rottengrapesyndicate.com/

最佳答案

它并没有消失,而是绝对定位并显示在可视区域之外。

由于您的 CSS 是内联的,下面是“更好的方法...”容器的代码

<div class="content-wrapper clearfix wow fadeInDown animated" data-wow-delay="0.3s" style="position: absolute; visibility: visible; -webkit-animation: fadeInDown 0.3s; top: 0px;">

#main-content .section-wrapper .content-wrapper 中,将 bottom: 16%; 替换为相关的边距,因为它将容器推到 之外#main-content.

关于css - 当我在我的 ember 应用程序中应用某个 CSS 类时,文本消失了,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26685233/

相关文章:

ember.js - 如何从 emberjs 中的操作返回值

css - -webkit-transform(hover tooltip) 不适用于 Safari (Windows 7) 但适用于 Chrome、Opera、IE 9 和 Firefox(所有最新版本)

css - drupal - 如何在 View 模块中为每种网格格式添加自定义 CSS?

javascript - Ember JS : Computed Property returning NaN

javascript - ember.js 在为其属性设置新值后应用对象

ember.js - Ember 与 ember-data 模型的集成测试

javascript - 动态路由代码不执行任何操作

jquery - 在 Ember-cli 中使用 jquery

javascript - 单击按钮时在 jQuery 中显示 div

php - 使我的标题图像可访问且用户友好