多个背景图像的可见性

时间:2015-08-18 19:25:58

标签: css css3

如何在CSS中为我的多个背景图像中的一个设置public static void printParents(String path){ String[] elements = path.split("(?<!^)/"); StringBuilder sb = new StringBuilder(elements[0]); for (int i=1; i<elements.length; i++){ System.out.println(sb); sb.append("/").append(elements[i]); } }

visibility:hidden

3 个答案:

答案 0 :(得分:2)

正如托尼所说,visibility: hidden不会奏效。但是,如果您想要将图片显示为不显示,则可以使用background-size,然后将其设为0em

答案 1 :(得分:1)

你不能。

CSS属性完全适用于它们所写的选择器,因此两个背景图像都会受到visibility: hidden;的影响(正如它们都受到background-size声明的影响一样。

然而,您可以将两个HTML元素嵌套在一起,然后将背景图像应用于每个元素,并根据需要添加对其中任何一个隐藏的可见性。

答案 2 :(得分:1)

你不能visible:hidden在多个背景上你可以隐藏整个div。我做的一个黑客是使用背景大小来实现它

/*CSS */
.app1 {
    background-image: url(../img/photo1.png), 
                      url(../img/photo2.png);
}

//JS
$('.app1').css({'background-size':'0 0, 27em'});//to hide photo1.png
$('.app1').css({'background-size':'17em, 0 0'});//to hide photo2.png

这是实现它的方法,直到我们有更多背景规格出现;)