Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/fsharp/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在safari中使用两幅图像作为背景时不起作用_Safari_Background Image - Fatal编程技术网
Fatal编程技术网
  • safari/
  • 在safari中使用两幅图像作为背景时不起作用

在safari中使用两幅图像作为背景时不起作用

safari

在safari中使用两幅图像作为背景时不起作用,safari,background-image,Safari,Background Image,我用两张图片作为背景图片。（书尾有两个引号） 当我只使用一个图像时，它在Safari中工作。当我尝试使用两个图像的CSS时，它在Safari中不再起作用。不过在Firefox中也可以使用 背景：透明url（../images/quote.png）不重复左上角， url（../images/quote2.png）不重复右下角25px 这将起作用： background: url(../images/quote.png) top left no-repeat, url(..

我用两张图片作为背景图片。（书尾有两个引号）

当我只使用一个图像时，它在Safari中工作。当我尝试使用两个图像的CSS时，它在Safari中不再起作用。不过在Firefox中也可以使用

背景：透明url（../images/quote.png）不重复左上角， url（../images/quote2.png）不重复右下角25px

这将起作用：

background: url(../images/quote.png) top left no-repeat, 
            url(../images/quote2.png) right bottom 25px no-repeat;
只能为最后一层（中间层）指定背景色。在这种情况下，无论如何都不需要透明的
。如果您希望重置其他CSS，请放置
背景色：透明在此行之前


请记住，并非所有浏览器都支持这一点。更好的选择是将元素包装在容器div/span中。将一个背景应用于元素，另一个应用于容器div/span。
谢谢您的建议。我之前试过你的建议，但没有成功。但是，我最终还是使用了它。只有一个变化似乎对Safari很重要。它似乎不喜欢我所定义的定位：
右下25像素无重复
特别是右边和下面

这是我最后使用的，它起了作用。可能是flexslider交互的问题。不确定。但这确实奏效了。再次感谢你


.flexslider { margin: 0; padding: 0 0 0 25px; background:transparent url(../images/quote.png) no-repeat left top; } 

.flexslider .slides #test-text{ background: url(../images/quote2.png) no-repeat 345px 96px; }