我们如何使用css为滑块提供背景图像?

时间:2017-03-08 07:45:01

标签: javascript php jquery html5 css3

代码:

<html>
<head>
  <style> 
  #example1 {
      background-image: url(img_flwr.gif), url(paper.gif), url(flower.gif);
      background-position: right bottom, left top;
      background-repeat: no-repeat, repeat;
      padding: 100px;
  }
  </style>
</head>
<body>
  <div id="example1">
  </div>
</body>
</html>

在这里,我使用了三张背景图片,即img_flwr.gif,paper.gif,flower.gif。我想用css滑动这些图像。我不想淡化这些图像。那么,我怎么能这样做呢?

1 个答案:

答案 0 :(得分:0)

制作图像元素并使用"scripts": { "postpublish": [ "mkdir /tmp/ffmpeg", ] } position: absolute CSS属性将图像设置为另一个元素。然后使用JQuery创建滑块。

z-index