0

场景

我有一个快速的 CSS 问题。我正在定制我们的 Zimbra 部署的 Web 界面，它使用了码头（我以前没有用过的东西）。我已经确定了两个可以一起工作的文件：(1) skin.css和 (2) skin.properties。skin.css文件包括以下行：

.ImgLoginBanner         {   background-repeat:no-repeat; @LoginBanner@   }

@LoginBanner@似乎是一个变量，而另一个文件（skin.properties ）显然包含该值。它有以下几行：

LoginBannerImg      =   @LogoImgDir@/LoginBanner.png?v=@jsVersion@
LoginBanner         =   @img(, LoginBannerImg, 400px, 158px)@

我想要做什么。. .

我想自定义它以插入我自己的background-sizeCSS 属性，但我似乎无法让它正常工作。在skin.css文件中，我这样做了：

.ImgLoginBanner         {   background-repeat:no-repeat; @LoginBackgroundSize@; @LoginBanner@   }

然后在skin.properties文件中我添加了LoginBackgroundSize以下行：

LoginBannerImg      =   @LogoImgDir@/LoginBanner.png?v=@jsVersion@
LoginBanner         =   @img(, LoginBannerImg, 400px, 158px)@
LoginBackgroundSize = @background-size:400px 158px@

但它没有用。我想我在这里误解了一些东西，但我不确定要谷歌什么。我不熟悉这种语法。我什至不知道@符号中的值被称为什么。“CSS变量”也许？

问题

  • skin.css和skin.properties文件是如何协同工作的？
  • 功能是什么img()？那是CSS吗？
  • 为什么skin.propertiesLoginBannerImg文件中的行有四个符号？如果要将文字与符号文本分开，那么为什么该行只有两个？@LoginBanner
4

1 回答 1

0

好的，所以我想通了。在skin.properties文件中，@ 符号不是必需的。在现有条目中，它们可能代表嵌套变量。我从这里更改了 LoginBackgroundSize：

LoginBackgroundSize = @background-size:400px 158px@

. . . 对此：

LoginBackgroundSize = background-size:400px 158px

立即工作。

于 2014-06-26T22:14:26.123 回答