Question

我想在Joomla 3中为模块添加一些角落效果。我尝试这样做会添加像您一样在旧相册中看到的角落标签（我试图包含附件，但没有足够的帖子）。我使用Module Class Suffix来添加它们，因为我计划在不同大小的各种模块上使用它们，并且无论模块的高度或宽度如何，都希望它们正确定位。

但我只能出现一个。如果我添加多个后缀，则会被忽略。

这是我在Joomla中使用的语法来添加它们：

style-color badge-br badge-ul

＆＃34;式色＆＃34;是样式，显示模块的背景和文本效果。＆＃34;徽章-XX＆＃34;表示每个角落效果。 ul是＆＃34;左上角＆＃34;，br是＆＃34;右下角＆＃34;等等。

以下是我用于角落效果的CSS：

.module .badge-ul {
background-position: 0 0px;
background-image: url(../images/texture/photo_corners.png);
top: -7px;
left: -7px;
height: 60px;
width: 60px;
z-index: 1001;    
}

.module .badge-ur {
background-position: 0 -60px;
background-image: url(../images/texture/photo_corners.png);
bottom: -7px;
left: -7px;
height: 60px;
width: 60px;
z-index: 1101;    
}

.module .badge-bl {
background-position: 0 -120px;
background-image: url(../images/texture/photo_corners.png);
bottom: -7px;
left: -7px;
height: 60px;
width: 60px;
z-index: 1201;    
}

.module .badge-br {
background-position: 0 -180px;
background-image: url(../images/texture/photo_corners.png);    
bottom: -7px;
right: -7px;
height: 60px;
width: 60px;
z-index: 1301;    
}

显然我错过了一些东西。但我无法弄清楚是什么。如果重要，我会使用YooTheme模板（云端）。

非常感谢任何帮助！

Answer 1

你不能那样做。每个css属性只能有一个值。 background-position：0 0px; background-position：0 -180px; background-position：0 -120px; ... 每个dom元素可能只有一个背景位置。如果你想要4个背景，你需要4个dom元素我建议你重新考虑一下你想要创建背景的方式。

Answer 2

添加多个背景 http://www.css3.info/preview/multiple-backgrounds/

#example1 {
width: 500px;
height: 250px;
background-image: url(sheep.png), url(betweengrassandsky.png);
background-position: center bottom, left top;
background-repeat: no-repeat;
}

如何在Joomla 3中为模块添加多个模块类后缀？

2 个答案: