現状
ドキュメントルートより上に、(実質的にはsvgである)hoge.phpを配置しています。
出力したい箇所(html)で、hoge.phpを読み込み、svgを表示しています。
hoge.php
<svg height="" viewBox="" width="" xmlns="http://www.w3.org/2000/svg"><path d=""/></svg>
index.html
<?php include('hoge.php'); ?>
やりたいこと
CSSで、hoge.phpを読み込み、SVG表示したい
試したこと
index.html
<style>
.test:before {
background-image: url("<?php include('hoge.php'); ?>");
invalid property errorになりました。
background-image: url(ファイルパス/ファイル名.svg);
にする必要があるからだと思うのですが、
- svgタグそのものを読み込んで表示する方法はありますか?
- あるいは、PHPで疑似的にSVGファイルを出力したように見せかけ、そのファイルパスを指定するようなことはできますか?
- そもそもの大前提として、background-image: url()で、ドキュメントルートより上に配置しているファイルを指定することはできますか?