如何在Joomla 3中向一个模块添加多个模块类后缀？
提问于 2014-03-18 08:17:36
我想给Joomla 3中的一个模块添加一些转角效果。我想要做的是添加角选项卡，就像你在旧相册中看到的那样(我试图包含一个附件，但没有足够的帖子)。我使用modules后缀来添加它们，因为我计划在不同大小的模块上使用它们，并且希望它们的位置正确，不管模块有多高或多宽。
但我只能让一个人出现。如果我添加了多个后缀，就会忽略它。
这是我在Joomla中使用的添加它们的语法：
样式-彩色徽章-br徽章-ul
“样式-颜色”是显示模块的背景和文本效果的样式。“徽章-XX”表示每个角落的效果。ul是“左上角”，br是“右下角”，等等。
下面是我在角落效果中使用的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模板(云)。
任何帮助都将不胜感激！
回答 2
Stack Overflow用户
发布于 2014-03-18 08:41:27
你不能那样做。每个css属性只能有一个值。背景位置:0 0px；背景位置:0-180 0px；背景位置:0-120 0px；.每个dom元素可能只有一个背景位置。如果您想要4个背景，您需要4个dom元素，我建议您重新考虑如何创建背景。
Stack Overflow用户
发布于 2014-03-19 02:33:39
添加多个背景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;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22485077
复制
腾讯云开发者
