根據部署代碼的不同環境添加圖像

Question

需要爲我的應用程序中的所有頁面添加水印。這是現在正在做在CSS中添加屬性內容

.content { 
background-image: url("watermark_image.GIF") 
} 

所有應用程序的頁面是DIV踏歌下，ID爲「內容」

（頭版已開發利用的Javascript和CSS）

這工作正常，水印正在正確顯示。這僅在部署到特定環境（如X）時才需要。對於所有其他人，不應顯示此水印。

截至目前，我們正在通過更改第CSS文件來爲X環境添加「background-image：url（」watermark_image.GIF「）」，並將其保留爲其他用戶。有一些情況下，我們忘記添加它，然後不會有任何水印。

是否可以在Javascript/CSS中進行任何更改，以便它只顯示X環境的水印，以便我們不必每次手動更改CSS文件時就進行部署？或者還有其他方法可以解決嗎？

Answer 1

你可以使用window.location來檢查當前域，並相應地切換水印類。

Answer 2

這取決於您的開發環境。

如果您使用的是MVC框架，只需將其包圍即可。下面是遊戲

#{if mypackage.Verifyenviroment.isSpecialcase()} 
.content { 
background-image: url("watermark_image.GIF") 
} 
#{/if} 

或在主標題頁的例子：

#{if mypackage.Verifyenviroment.isSpecialcase()} 
<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/specialcss.css'"> 
#{/if}