如何引用 'nested' #WORKSPACE_FILES# - APEX 21.2

Question

我正在努力为我们的一些应用程序覆盖登录页面的默认样式。如果我将以下 CSS 放入 Login Page:

的 CSS Inline 部分，它就会按预期工作

/* Override Oracle's Universal Theme CSS Variables */
:root {
  --ut-body-text-color: rgb(249, 249, 249, .7);
  --ut-login-region-background-color: rgb(0, 0, 0, .4);
  --ut-login-logo-size: 200px;
}

/* Customize Login Logo */
span.t-Login-logo {
    background-image: url(#WORKSPACE_FILES#imgs/login-logo.png);
    background-size: cover;
    background-color: transparent;
}

/* Customize Login Background */
body.t-PageBody--login {
  background-image: url(#WORKSPACE_FILES#imgs/login-background.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

当我将此代码移动到 css 文件并将其上传到 Workspace Files Shared Objects，并在 CSS File Urls 部分使用给定的引用 url - CSS 不再按预期工作。我猜这是因为 APEX 没有扩展静态文件中的替换字符串（例如我对 background-image urls 的调用）。

有没有办法在静态文件中使用“嵌套”#WORKSPACE_FILES# 调用？

忽略下面不匹配的图像文件名...那是我没有做好截图假设有一个登录-logo.png和登录-background.jpg 文件，它们在 CSS

中被正确引用

Answer 1

如果将 CSS 文件存储为静态工作区或应用程序文件，则可以在 CSS 文件中使用相对 URL 引用来引用其他文件。将您的 CSS 更改为：

span.t-Login-logo {
    background-image: url(imgs/login-logo.png);
    background-size: cover;
    background-color: transparent;
}

从工作区静态文件的“imgs”目录中读取imgs/login-logo.png。

如何引用 'nested' #WORKSPACE_FILES# - APEX 21.2

How to reference 'nested' #WORKSPACE_FILES# - APEX 21.2

oracle-apex