我使用两个图像作为背景图像。(书尾的两个引号)
当我只使用一张图片时,它可以在 Safari 中使用。当我用两个图像尝试这个 CSS 时,它不再在 Safari 中工作了。虽然在 Firefox 中有效。
背景:透明 url(../images/quote.png) 不重复左上角,url(../images/quote2.png) 不重复右下角 25px;
我使用两个图像作为背景图像。(书尾的两个引号)
当我只使用一张图片时,它可以在 Safari 中使用。当我用两个图像尝试这个 CSS 时,它不再在 Safari 中工作了。虽然在 Firefox 中有效。
背景:透明 url(../images/quote.png) 不重复左上角,url(../images/quote2.png) 不重复右下角 25px;
谢谢你的建议。我之前尝试过您的 div 建议,但没有成功。但是,我确实最终仍在使用它。只有一个变化对 Safari 来说似乎很重要。它似乎不喜欢我定义的定位:右下 25px no-repeat 特别是右下角。
这是我最终使用的并且有效。可能是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; }
这将起作用:
background: url(../images/quote.png) top left no-repeat,
url(../images/quote2.png) right bottom 25px no-repeat;
您只能为最后(中间)图层指定背景颜色。在这种情况下,无论如何你transparent
都没有必要。如果您要重置其他 CSS,请background-color: transparent;
在此行之前放置一个。
请记住,并非所有浏览器都支持此功能。更好的选择是将元素包装在容器 div/span 中。将一种背景应用于元素,将另一种背景应用于容器 div/span。