画像(svg)が表示されているか、されていないのかが分からないです。
該当のコードは下記になります
下記コードはphpのテンプレートエンジン(blade)を使用していますが、問題はhtml及びcssであるかと思いますので、タグはHTML,及びCSSのみにさせて頂きます。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>@yield('title')</title> <link rel="stylesheet" href="/css/styles.css"> </head> <body> <header> <div class="header_top"> <a class="svg_header_logo" href="{{url('/')}}"></a> <p>テスト</p> </div> <div class="vets_number"> <p>医院TEL<a>000-0000</a></p> </div> <div> <p>@yield('heading')</p> </div> </header> @yield('content') </body> </html>
css
1.header_top { 2 text-align:center; 3 background-color:orange; 4} 5.header_top a { 6 background-image:url(../images/top_logo.svg); 7}
コードを実行した際の画面は以下になります。
左上端に表示されるはずの画像が表示されていない状態です。
どなたか、解決方法につきまして、ご助言頂けましたら幸いです。
よろしくお願いします。
追記です
デベロッパーツールにて、sourcesの欄を確認してみましたが、imagesフォルダに、該当のsvg画像が格納されていました。
回答2件
あなたの回答
tips
プレビュー