リモートWebサーバーでホストされているHTMLドキュメントがあります。Webページの要素の1つに、ローカルファイルシステムの画像ファイルを背景画像として使用させようとしています。Chrome、Safari、Firefoxでは運が悪い(IEを試したことがない)。
これは私がこれまでに試したことの例です。
<!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>
ブラウザのWeb検査ツールを使用してbody要素を検査し、[新しいタブで画像を開く]を選択すると、画像が表示されます。したがって、ブラウザは指定されたURLを使用して画像ファイルを取得することができます。
私がやろうとしていることは可能な限り可能ですか、それともこれは外部ドメインがユーザーのローカルリソースにアクセスするのをブロックしようとしているブラウザのセキュリティ機能ですか?