【问题标题】:My CSS works in the inline section but not as an external stylesheet我的 CSS 在内联部分工作,但不能作为外部样式表
【发布时间】:2018-02-12 21:31:14
【问题描述】:

我目前正在尝试使用 CSS 在 Apex 5 中对我的应用程序进行样式化。我遇到的问题是,当我在应用程序的任何页面的“内联”部分中编写 CSS 代码时,CSS 代码就可以工作,但是如果我在记事本上编写 CSS 代码,然后上传文件并在我的应用程序中引用该文件,那么 CSS 代码将不起作用。我已经写了几行 CSS 代码,所以我只发布一小部分作为示例,以便大家可以看到我的格式:

body{
  font: bold 12px/16px "Times New Roman";
}

我已将文件上传到应用程序共享组件页面的静态应用程序文件部分。然后我尝试在不同的地方引用该文件,例如在页面级别和用户界面级别,但到目前为止没有任何效果。我对 CSS 很陌生,所以任何见解都将不胜感激。先感谢您!

【问题讨论】:

    标签: css oracle oracle-apex oracle-apex-5


    【解决方案1】:

    上传后的文件必须显示在静态文件列表中。文件列表有一列Reference,其中包含如下字符串:#APP_IMAGES#test.css。复制此字符串并将其放在页面上,例如,CSS - File URLs 部分中的页面。这应该可以。

    然后确保文件引用有效。打开您的页面并查看 CSS 文件列表。所有浏览器中都存在相同的功能,但可以通过不同的方式访问它。在 IE 中:

    • F12
    • 打开Network 标签。
    • 按“启用网络流量捕获”(左上角的绿色三角形)。
    • 重新加载页面。将显示文件列表。
    • 在列表中查找您的文件:
      • 如果文件不存在,则说明您复制了错误的链接,或者将其复制到了错误的位置等。
      • 如果文件存在,通常它的状态应该是200Result 列)。如果状态不是200,可能有很多原因(取决于状态)。
      • 如果文件存在状态为200,您的CSS 属性将不起作用,因为它被另一个CSS 覆盖。要定义哪个,请转到Dom Explorer 选项卡。

    【讨论】:

    • 感谢您的回复。我做了你所说的一切,文件出现在“网络”选项卡上,但结果列中的状态为 404。我该如何解决?
    • @KatherineReed 如果不访问系统,这个错误很难修复。抱歉,不能说确切的 100% 解决方案。问题可能出现在很多地方——APEX 中的拼写错误、Web 服务器问题、文件系统问题等等。
    • 感谢您的帮助!看来是服务器的问题。现在正在努力解决这个问题,所以希望这能解决问题。
    【解决方案2】:

    你可以试试这个方法:

    1. 在服务器上,转到ORACHE_HOME/apex/images/css(路径可以不同,但​​您可以通过 .css 扩展名找到它)
    2. 把你的文件放在这里
    3. Id 编辑器,在页面属性中,转到 CSS -> 文件 URL 部分
    4. 这样写路径:/i/css/new.css(i - 通常是您的图像目录的别名)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-12-21
      • 1970-01-01
      • 2012-09-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多