Ticket #17613: background-svg.html

File background-svg.html, 1001 bytes (added by thebuck, 2 years ago)

Little testcase

Line 
1<html><head><style>
2div, img{
3 float: left;
4}
5div{
6 width: 256px;
7 height: 64px;
8 background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64'><path d='M20,60C0,-50 80,50 30,30' fill='blue'/></svg>");
9 /* same with: background: url("your-separate.svg"); */
10 /* good with: background: url("your-pixels.png"); */
11 /* good with: background: url("data:image/png;base64,BLAHBLAH"); */
12}
13div:hover{
14 background-color:yellow;
15}
16</style></head>
17<body>
18 <div>Testbox</div>
19 <div>Testbox</div>
20 <div>Testbox</div>
21 <div>Testbox</div>
22 <div>Testbox</div>
23 <div>Testbox</div>
24 <div>Testbox</div>
25 <div>Testbox</div>
26 <div>Testbox</div>
27 <div>Testbox</div>
28 <div>Testbox</div>
29 <div>Testbox</div>
30 <div>Testbox</div>
31 <div>Testbox</div>
32 <div>Testbox</div>
33 <div>Testbox</div>
34 <div>Testbox</div>
35 <div>Testbox</div>
36 <div>Testbox</div>
37 <div>Testbox</div>
38 <div>Testbox</div>
39 <div>Testbox</div>
40 <div>Testbox</div>
41</body></html>