html - Dreamweaver CC : CSS file causes white screen-6ren

html - Dreamweaver CC : CSS file causes white screen

转载作者：太空宇宙更新时间：2023-11-04 11:30:01

25

4

我正在使用 Dreamweaver CC(请不要诋毁这个程序的使用)并且整天都在和我的 .css 文件混在一起。当我打开 bootstrap.css 文件时，我选择了“make writeable”(我意识到这是你应该避免的事情)，然后我的 View 几乎立刻就变成了空白。

当我删除指向我的自定义 .css 文件的链接时，文本会出现，但一旦我将 HTML 链接到 .css 文件， View 就会变为空白。该文件似乎对其他 HTML 页面具有相同的效果，这让我相信 .css 文件是问题所在。

这是我的代码，请帮我看看发生了什么:

@charset "utf-8";
h1, h3, h2, p {
    text-align: center;
    z-index: 2;
}
#main {
    width: 75%;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 60px;
}
.navbar, .navbar-default {
    border-width: 0px;
    background-color: #FFFFFF;
    margin-top: 20px;
}
footer {
    margin-top: 60px;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #383838;
    color: #F5F5F5;
    text-align: center;
}
.image-fill {
    width: 100%;
}
#wrapper {
    padding-left: 0px;
    padding-right: 0px;
}
#floating {
    background: rgba(255, 255, 255, 0.5);
    color: #000000;
    z-index: 1;
    overflow-x: visible;
    float: none;
    top: 0pt;
    position: absolute;
    left: 62px;
    margin-left: 100px;
    width: 400px;
    margin-top: 99px;
}

body{
    text-align: center;
}

.test-center {
    display: inline-block;
}

/* Stable */
.instructions {
    background-color: rgba(0,0,0,0.50);
    position: fixed;
    z-index: 92;
    height: auto;
    width: 50%;
    border: medium solid rgba(7,255,35,1.00);
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-radius: 25px;
    display: none;
}

.instruction-text {
    color: rgba(7,255,35,1.00);
    position: relative;
    top: auto;
    font-family: immi-five-o-five;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
}

.instruction-text-header {
    color: rgba(7,255,35,1.00);
    font-weight: 400;
    font-family: immi-five-o-five;
    font-size: 50px;
}


/* Mutable */

.instructions-min {
    padding-bottom: 0px;
    padding-top: 0px;
    border-radius: 0px;
    border-top: medium solid rgba(7,255,35,1.00);
    border-bottom: hidden;
    border-left: hidden;
    border-right: hidden;
}

.smallfont {
    font-size: 25px;
}

.test-center {
    display: inline-block;
}

.instruction-loc-big {
    width: auto;
    height: auto;
}

.instruction-loc-mini {
    top: 92%;
    left: 0%;
    bottom: 0%;
    width: 100%;
}

.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
    <link href="styles.css" rel="stylesheet" type="text/css">
    <link href="bootstrap.css" rel="stylesheet" type="text/css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
    <script src="testing.js"></script>
    <script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/caesar-dressing:n4:default;lobster-two:n4:default;chicle:n4:default;henny-penny:n4:default;immi-five-o-five:n4:default.js" type="text/javascript"></script>
</head>

<body class="center">
    <div class="container-fluid" id="wrapper">
      <div class="container-fluid instructions instruction-loc-big">
        <h1 class="instruction-text-header">How It Works</h1>
        <div class="minimizable">
          <h3 class="instruction-text">1. Sign Up/Sign In </h3>
          <h3 class="instruction-text">2. Click a flyer </h3>
          <h3 class="instruction-text">3. Get your ticket </h3>
          <h3 class="instruction-text">4. Forward your ticket order confirmation</h3>
        </div>
      </div>
    </div>
</body>
</html>

最佳答案

检查您的 CSS 文件第 69 行，您已将 .instructions 设置为 display:none。

因此您的所有内容都被隐藏了。

关于html - Dreamweaver CC : CSS file causes white screen，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32083991/

25

4

0

文章推荐： javascript - Jquery 灯箱不向下延伸

文章推荐： javascript - Linux C++ 服务器与 Javascript 通信

文章推荐： python - 在多个文件上运行 python 脚本的问题

文章推荐： javascript - 随机化图像淡入

java - 不满意链接错误: Native method not found (NOT caused by the common cause for this error)
我正在尝试使用一个使用 JNI 的库。我已经尝试了开发人员提供的示例应用程序，它可以工作。所以我知道这不是库中的错误。我认为我在导入库的过程中做错了什么: 将 .so 文件复制到我的 libs 文
websphere - Wicket 口 + WAS : calling url causes a redirect to a wrong URL causing 404
使用Websphere 应用程序服务器 + Wicket 1.6我的挂载 URL 遇到一些问题。当我调用类似于以下内容的网址时:localhost:9080/danesCooking/pies/me
java.net.SocketException : Software caused connection abort: recv failed; Causes and cures? 异常
我有一个应用程序在 Win2k3 VM 上的 Apache Tomcat 5.5 上运行。该应用程序提供 XML，供某些电话设备使用，作为我们 IVR 基础设施的一部分。反过来，应用程序从一些 SOA
Update of XJC / Jakarta causes `Map otherAttributes` to be generated, which subsequently causes runtime issues(XJC/Jakarta的更新导致生成`Map其他属性`，这随后会导致运行时问题)
升级到雅加达给我带来了一些问题。。我正在使用以下maven插件：。并且我使用episodal编译(有库)。突然间，我面临着以下问题：。更仔细的检查发现，XJC突然生成了以下字段：。这是它以前没有产生的
jenkins - 如何在工作流程中获得 $CAUSE
Jenkins 有一个可用于自由式构建作业的 $CAUSE 变量。如何在工作流程中访问此内容或类似内容？我的团队在现有临时构建的电子邮件输出中使用它。我们希望在新的基于工作流的工作中继续这样做。
java - 无法完成Gradle执行: cause
错误:无法完成 Gradle 执行。原因: Could not create parent directory for lock file C:\Program Files\Android\Andr
javascript - 如何确定浏览器UI事件是否具有相同的 "cause"
如何确定多个浏览器 UI 事件是否由相同的基本 UI 交互引起？例如，用户单击和事件监听器会触发“blur”和“mousedown”事件。有没有办法确定这两个事件都是由一次用户点击引起的？最佳答案
C 程序链接错误 : what is causing these?
它可以编译，但不会从 .o 文件链接到可执行文件。我已经删除了从现在到运行良好时所做的所有更改(基本上，str_to_int 中的所有内容)。我的代码: #include #include in
java - 中断异常 : what causes it?
关于 Java 的 InterruptedException 有一些有趣的问题和答案。，例如 The Cause of InterruptedException和 Handling Interrup
安卓内存监视器 - "cause GC"
我使用 android 工具 “内存监视器” 来修复内存泄漏。这很有帮助。但是，我需要澄清一下。有时在运行该应用程序后，分配的内存为“47MB”。当与应用交互时，它会上下移动。然后当我点击“ca
c++ - 堆损坏 : What could the cause be?
我正在调查由于堆损坏而导致的崩溃。由于这个问题很重要并且涉及分析堆栈和转储结果，因此我决定对与崩溃相关的文件进行代码审查。坦率地说，我对堆何时可能损坏没有深入的了解。如果您能提出可能导致堆损坏的方
GIT Squash : Does it cause issues?
假设我们有一个名为 feature-branch 的功能分支。该分支的开发人员分支获取他们的票，然后打开一个 PR 到 feature-brach。如果发生以下情况: 开发人员A从feature-b
ios - assetResourcesForAsset : cause deadlock
两个线程同时访问fileName。 Set If 0 使死锁。但如果 1 一切顺利。那么是什么导致了这种情况？最佳答案确保您没有在主线程上同步调用 +[PHAssetResource asset
regex - 使用正则表达式提取堆栈跟踪的最后 'Caused by'
不幸的是，我还不是正则表达式专家，因此遇到了以下问题:假设我有一个包含多个链式异常的 Java 堆栈跟踪，我想要达到的是提取以“Caused by”开头的最后一行。 javax.servlet.Ser
cocoa - makeKeyAndOrderFront : again causes EXC_BAD_ACCESS
我确信这是我所缺少的非常简单的东西。我使用 makeKeyAndOrderFront: 打开一个窗口，它第一次工作。当我关闭窗口并尝试再次打开它时，它退出并给出错误EXC_BAD_ACCESS。我的代
haskell - RankNTypes : What is causing this error?
我刚刚探索了 Rank2Types 和 RankNTypes，试图熟悉它们。但我不明白为什么以下不起作用。 g :: (forall a. forall b. a -> b) -> x -> y ->
java - :validateRegex causes exception
我想验证输入是否严格是由 10-16 个字符长组成的数字。根据用户输入值，我将在输入字段下方显示一条消息。问题是，当我去使用时为了帮助完成此任务，它会导致应用程序抛出异常。我是 JSF 新手，我很难
java - 异常没有 "cause"参数
许多内置的 Java 异常无法接受“原因”。有什么方法可以为这些异常指定原因吗？我希望能够链接异常，就像这个 InterruptedException 示例一样: try{ //thread
java - 堆栈跟踪 :] with root cause
我创建了一个 JSP Mysql 和 Bootstrap Crud 应用程序。当我单击“更新”按钮时，将调用函数 validation() 来更新所有字段，在成功更新后，它将重定向到另一个 JSP 页
java - 机器人 : if(); do not caused any prohibition
我看到了奇怪的情况:在我的 Android 应用程序代码中使用类似这样的东西时我没有收到任何错误: @Override public void onBackPressed() { if

首页

博学

6Ren·AI

商城

html - Dreamweaver CC : CSS file causes white screen