Source code
Revision control
Copy as Markdown
Other Tools
<!-- Any copyright is dedicated to the Public Domain.
<html>
<head>
<link href="./doc_urls_clickable.css" rel="stylesheet" type="text/css">
<style>
.relative2 {
background-image: url(doc_test_image.png);
}
</style>
</head>
<body>
<div class="relative1">Background image #1 with relative path (loaded from external css)</div>
<div class="relative2">Background image #2 with relative path (loaded from style tag)</div>
<div class="absolute">Background image with absolute path (loaded from external css)</div>
<div class="base64">Background image with base64 url (loaded from external css)</div>
<div class="inline" style="background: url(doc_test_image.png);">Background image with relative path (loaded from style attribute)</div>
<div class="inline-resolved" style="background-image: url(./doc_test_image.png)">Background image with resolved relative path (loaded from style attribute)</div>
<div class="noimage">No background image :(</div>
</body>
</html>