0

シナリオ

CSSについて簡単な質問があります。私は、Jetty を使用する Zimbra デプロイメントの Web インターフェイスをカスタマイズしています (これまでに作業したことのないもの)。(1) skin.cssと (2) skin.propertiesの 2 つのファイルが連携して動作することを確認しました。skin.cssファイルには、次の行が含まれています。

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

は変数の@LoginBanner@ように見え、他のファイル ( skin.properties ) は明らかに値を保持しています。次の行があります。

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

私がやろうとしていること。. .

独自の CSS プロパティを挿入するようにカスタマイズしたいのですがbackground-size、正しく動作しないようです。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.propertiesファイルのLoginBannerImg行に4 つの記号があるのはなぜですか? リテラルとシンボリック テキストを分離する場合、なぜ行に 2 つしかないのですか?@LoginBanner
4

1 に答える 1

0

わかりましたので、これを理解しました。@ 記号は、skin.propertiesファイルでは必要ありません。既存のエントリでは、おそらくネストされた変数を表しています。LoginBackgroundSize を次のように変更しました。

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

. . . これに：

LoginBackgroundSize = background-size:400px 158px

すぐに働きました。

于 2014-06-26T22:14:26.123 に答える