<!-- Blend two background images having background-attachment: fixed and scroll respectively --> <!DOCTYPE HTML> <html> <head> <style> div { width: 200px; height: 200px; background: url('as-image/black100x100.png'), url('as-image/green100x100.png'); background-size: 100px 100px, 200px 100px; background-repeat: no-repeat; } body { margin: 0px; } </style> </head> <body> <div></div> </body> </html>