前提・実現したいこと
画像を背景にしたく、CSSを読み込ませたいのですが、CSSが有効になっていません。
Chromeの検証を行った結果、user agent stylesheetが効いていることから、
CSSへのパスが有効でないと考え、ほかのものも試しましたが有効になりません。
構成は以下の通りです。
└ Solution Items │ ├images │ └ hi.gif ├css │ └ StyleSheet1.css └ topPage.html
../は一つ上の階層へということは認識しています。
該当のソースコード
topPage.html
1<!DOCTYPE html> 2 3<html> 4<head> 5 <meta charset="utf-8" /> 6 <meta NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW"/> 7 <link rel="stylesheet" href="css/StyleSheet1.css"/> 8 <title>ようこそ</title> 9</head> 10<body> 11 <div class="hi"> 12 こんにちは. 13 14 </div> 15</body> 16</html>
css
1body { 2 color: #000000; 3 background-color: #f8dce0; 4 background-image: url("../images/hi.gif") 5} 6 7.hi { 8 color:red; 9} 10
試したこと
<link rel="stylesheet" href="./css/StyleSheet1.css"/> <link rel="stylesheet" href="../css/StyleSheet1.css"/>補足情報(FW/ツールのバージョンなど)
Visual studio Community 2017
回答3件
あなたの回答
tips
プレビュー