Skip to content

Commit e39d727

Browse files
authored
Merge pull request mdn#50 from digi-booster/patch-3
add cross browser support for image-set() css ref in alternative image formats example
2 parents f2e81f8 + c485bbb commit e39d727

File tree

1 file changed

+8
-2
lines changed

1 file changed

+8
-2
lines changed

images/image-set-type.html

+8-2
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,9 @@
1616

1717
<style class="editable">
1818
.box {
19+
background-image: -webkit-image-set(
20+
url("large-balloons.avif") type("image/avif"),
21+
url("large-balloons.jpg") type("image/jpeg"));
1922
background-image: image-set(
2023
url("large-balloons.avif") type("image/avif"),
2124
url("large-balloons.jpg") type("image/jpeg"));
@@ -28,8 +31,11 @@
2831
<div class="box"></div>
2932
</section>
3033

31-
<textarea class="playable playable-css" style="height: 150px;">
34+
<textarea class="playable playable-css" style="height: 155px;">
3235
.box {
36+
background-image: -webkit-image-set(
37+
url("large-balloons.avif") type("image/avif"),
38+
url("large-balloons.jpg") type("image/jpeg"));
3339
background-image: image-set(
3440
url("large-balloons.avif") type("image/avif"),
3541
url("large-balloons.jpg") type("image/jpeg"));
@@ -46,4 +52,4 @@
4652
</body>
4753
<script src="playable.js"></script>
4854

49-
</html>
55+
</html>

0 commit comments

Comments
 (0)