Question

在我的Sharepoint主页中，我在页面<img>的顶部添加了<body>，以便我可以使用一些CSS来设置<img>以填充屏幕。

但是我希望根据使用的主题显示不同的图像。我目前在母版页中使用以下内容：

<img alt="" id="fullscreen" src="/_layouts/images/Background.png" />

是否可以捕获正在使用的主题的名称并将其附加到文件名，以便我可以简单地调整文件名以匹配主题？

或者如果没有，我可以在src =“”中添加一些内容，使URL主题具体化吗？

Answer 1

如果将图像默认为隐藏，并在CSS中显示您想要显示的主题，请显示它？

例如：

在您的母版页中：

<img src="theme1.jpg" alt="" id="theme1fullscreen" style="display: hidden;" />
<img src="theme2.jpg" alt="" id="theme2fullscreen" style="display: hidden;" />
<img src="theme3.jpg" alt="" id="theme3fullscreen" style="display: hidden;" />

在主题X的css中：

#themeXfullscreen {
    display: block;
    height: 100%;
    width: 100%;
}

这样，您可以在母版页中获得图像和位置，并可以根据主题隐藏和显示相应的图像和位置。

Answer 2

我认为这个想法是引用主题CSS中的图像。因此，如果图像在主题之间发生变化，则该图像的URL将存储在每个主题CSS文件中。然后，您的母版页可以只包含一个始终具有相同CSS类的元素。

Sharepoint主题特定图像

2 个答案: