background-multiple-with-border-radius-ref.html (1075B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html> 7 <head> 8 <title>Test multiple backgrounds with border-radius</title> 9 <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=998792"> 10 <meta charset="utf-8"> 11 <style> 12 13 .b2 { 14 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD%2FgAIDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAoUlEQVR42u3bwQ0AIAgEwcOmtXttgScmsxWQCTyp3EysJo61IliwYMGCBUuwYMGCBQuWYMGCBQsWLMGCBQsWLFiCBQsWLFiwBAsWLFiwYAkWLFiwYMESLFiwYMGCpXaVka%2BsO8dmOUNYggULFixYsAQLFixYsGAJFixYsGDBEixYsGDBgiVYsGDBggVLsGDBggULlmDBggULFizBggUL1t89N%2FYEtBGStpoAAAAASUVORK5CYII%3D); 15 } 16 17 .b { 18 background: yellow; 19 } 20 21 div.b { 22 width: 100px; 23 height: 100px; 24 padding: 30px; 25 } 26 27 div.border { 28 width: 160px; 29 height: 160px; 30 border: 10px dashed blue; 31 border-radius: 10px; 32 } 33 34 div.b2 { 35 width: 100px; 36 height: 100px; 37 } 38 39 </style> 40 </head> 41 <body> 42 43 <div class="border"><div class="b"><div class="b2"></div></div></div> 44 45 </body> 46 </html>