タイトルだけだと何を言っているのかわからないと思うのですが、例えばaとういフォルダ内にa.htmlとimageフォルダがあってimageフォルダ内にb.pngという画像ファイルがある場合なのですが、a.htmlで
.a:before{ content:url("./image/b.png"); }
ではなく、
.a:before{ content:url("../image/b.png"); }
と書く必要があるのでしょうか。
タイトルだけだと何を言っているのかわからないと思うのですが、例えばaとういフォルダ内にa.htmlとimageフォルダがあってimageフォルダ内にb.pngという画像ファイルがある場合なのですが、a.htmlで
.a:before{ content:url("./image/b.png"); }
ではなく、
.a:before{ content:url("../image/b.png"); }
と書く必要があるのでしょうか。
(HTML↓)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ABC</title> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css"> <link rel="stylesheet" href="./css/style.css"> <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script> </head> <body> <main id="main1"> <ul class="slider"> <li>a</li> <li>b</li> <li>c</li> </ul> <ul> <li class="button-list1"> <i class="material-icons">arrow_back</i> </li> <li class="button-list2"> <i class="material-icons">arrow_forward</i> </li> </ul> </main> <img src="./images/stand_cat2.jpg" alt="サンプルです"> <p data-foo="aaaa">bbbaa</p> <script> $(document).ready(function () { $('.slider').slick(); }); </script> </body> </html>
(style.css↓)
body{ background-color: teal; } .slick-prev:before, .slick-next:before{ content:url("./images/stand_cat2.jpg") ; } p:before{ content: attr(data-foo); }
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。