个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
<body>
<div class="sts-viewport-fill">
<nav role="navigation" class="nav navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button data-toggle="collapse" data-target=".navbar-collapse" type="button" class="navbar-toggle">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">Knonet</span>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href=#>Log In</a></li>
<li><a href=#>Sign Up</a></li>
<li><a href=#>Help</a></li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid">
<h1 class="text-center">CONNECT WITH EVERYONE.<br>
<small>Knonet aims to connect the whole world with the Internet.</small>
</h1>
</div>
</div>
<div class="container sts-second-slide">
Salut, et Bonjour!
</div>
</body>
那是我的 HTML。我已经像这样应用了一堆 CSS 规则:
body {
font-family: 'Source Sans Pro', 'Segoe UI Light', sans-serif;
font-weight: initial;
font-weight: 100;
}
.sts-viewport-fill {
position: absolute;
top:0;right:0;bottom:0;left:0;
background-color: #000000;
color: #ffffff;
}
.sts-viewport-fill .container-fluid h1 {
margin: 250px auto 100px auto;
font-weight: 900;
}
.navbar-collapse, nav [type="button"] {
border: none !important;
border-radius: 0%;
}
.sts-second-slide {
margin-top: 100px;
}
就我而言，这使得 div.sts-viewport-fill 适合屏幕的整个视口(viewport)，或者至少适合屏幕的剩余部分。
问题是什么？看到那里所有的法国人了吗？ 你好，你好!？它不会出现在浏览器中。观察:
有人能告诉我这里发生了什么事吗？我有一种强烈的感觉，这与 position: absolute; 和 top:0;bottom:0; 规则有关。
Merci d'Avance!
PS:即使我将 color: #fff; 属性应用到 .sts-second-slide 选择器，我仍然没有得到结果。
最佳答案
您必须向该元素添加 position。
尝试
.sts-second-slide {
margin-top: 100px;
position: relative;
}
关于html - 文字不显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39549101/
25
4
0
由于 typescript 现在支持条件类型，我决定进行一些元编程，为 VSCODE intellisense 添加更多 flavor 。但是，虽然使用 A extends B 可以轻松分离其他类型，
我有一个 php var，它在回显时将 JS 函数写入页面的源代码。该函数循环遍历 CSV，因此其中包含以下行: $str="var lines = data.split('\n');"; 目前，当回
我有以下代码: name= "a"; value="b" $.post("ajax.php", {name:value}).... 然而 ajax.php 将收到 name=b 而不是 a=b。 我如
以下情况: var myVehicle = { brand: 'Tesla' }; var isMoving = Symbol(); var currentStatus = Symbol(); myV
我正在为 Python 翻译器编写 JavaScript，“\8”和“\9”给我带来了很多问题。根据文档，像“\8”或“\9”这样的东西是非法的，因为它们不是有效的八进制转义符。 Esprima pa
我有一个简单的 LinearLayout。当我将 android:background 添加到 LinearLayout 时，TextView 不再可见。 我不明白什么？
在尝试获得某种效果时遇到困难: 我有一张图片。我想将鼠标悬停在它上面。它应该变黑并弹出一些文本。 例子^ 执行此操作最简单/最简单的设置是什么？最好只有 HTML 和 CSS 注意:该元素需要在 CS
考虑以下代码: #include void f(const char * str) { str = "java"; } void main (int argc, char * argv[])
我想在 MySQL 中插入一条具有非 ASCII Unicode 字符的记录，但我在一个不允许我轻松键入非 ASCII 字符的终端上。如何在 MySQL 的 SQL 语法中转义 Unicode 文字？
Perl脚本batchReplace.pl可以用来批量替换文件中的文字/代码。可在指定目录中查找指定类型的文件，并递归检查子目录；在输出文件时复制输入文件的目录结构。 [附件]Win32应用程序b
我知道从 flutter 应用程序共享的官方包。 https://pub.dartlang.org/packages/share 共享文本和 url 很容易，但我想共享来自服务器的图像意味着它是 UR
在 Qt 文档中，它说 qreal是一个 Typedef for double unless Qt is configured with the -qreal float option. 这基本上意味
我想让 idris 证明 testMult : mult 3 3 = 9有人居住。 不幸的是，这是键入为 mult (fromInteger 3) (fromInteger 3) = fromInte
如您所知，Apple 为 NSNumber、NSDictionary、NSArray 等类提供了 @literals，因此我们可以通过这种方式创建对象，例如 NSArray *array = @[ob
有没有办法在类型上定义公共(public)文字(C# 中的公共(public) const)？显然 let 类型中的绑定(bind)必须是私有(private)的，并且 Literal 属性不能应用于
为什么下面的语法不能识别 bool 值？ 我已经将其与 Java 和 GraphQL 的语法进行了比较，但不明白为什么它不起作用。 给定以下语法，解析如下: foo = null // foo = v
当我需要一个文字来测试一个带有序列的函数时，我注意到我自己的习惯比列表更频繁地使用向量。 IE。 : (map inc [1 2 3]) 但不是: (map inc (list 1 2 3)) 虽然它
是否可以在sqlite中制作类似的东西？ FOREIGN KEY(TypeCode, 'ARawValue', IdServeur) REFERENCES OTHERTABLE(TypeCode, T
在我这学期的系统软件类(class)中，我们正在学习汇编程序和其他系统软件。在阅读整个类(class)时，我遇到了LITERALS主题。 对文字和立即操作数进行了比较，发现它们之间的唯一区别是文字不被
我正在使用命令行语法编写一个 gstreamer 管道来发送视频流，并想用它发送数据。我认为可行的一种解决方案是将数据作为字幕文件发送。 我可以使用以下管道通过 rtp 多路复用视频和字幕文件: gs
我是一名优秀的程序员,十分优秀！