¿Puedo usar una imagen de mi sistema de archivos local como fondo en HTML?
Tengo un documento HTML alojado en un servidor web remoto. Estoy tratando de que uno de los elementos de la página web use un archivo de imagen de mi sistema de archivos local como imagen de fondo. Sin suerte con Chrome, Safari o Firefox (no he probado IE).
Aquí hay un ejemplo de lo que he intentado hasta ahora.
<!DOCTYPE html>
<html>
<head>
<title>Experiment</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
html,body { width: 100%; height: 100%; }
</style>
</head>
<body style="background: url('file:///Users/username/Desktop/background.png')">
</body>
</html>
Si inspecciono el elemento del cuerpo utilizando la herramienta de inspección web de mi navegador, y selecciono "Abrir imagen en una nueva pestaña", la imagen está allí. Por lo tanto, el navegador es completamente capaz de acceder al archivo de imagen utilizando la URL dada.
¿Es lo que estoy tratando de lograr, o es una característica de seguridad del navegador que intenta bloquear dominios externos para que no accedan a los recursos locales del usuario?