圖片不會顯示html / css
[英]Image wont show up html/css
問題描述
您好，我在顯示我的YD LOGO時遇到問題
@font-face { font-family: 'product_sans_regular'; src: url('/assets/fonts/product_sans_regular-webfont.eot'); src: url('/assets/fonts/product_sans_regular-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/product_sans_regular-webfont.woff2') format('woff2'), url('/assets/fonts/product_sans_regular-webfont.woff') format('woff'), url('/assets/fonts/product_sans_regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'product_sans_bold'; src: url('/assets/fonts/product_sans_bold-webfont.eot'); src: url('/assets/fonts/product_sans_bold-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/product_sans_bold-webfont.woff2') format('woff2'), url('/assets/fonts/product_sans_bold-webfont.woff') format('woff'), url('/assets/fonts/product_sans_bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'product_sans_italic'; src: url('/assets/fonts/product_sans_italic-webfont.eot'); src: url('/assets/fonts/product_sans_italic-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/product_sans_italic-webfont.woff2') format('woff2'), url('/assets/fonts/product_sans_italic-webfont.woff') format('woff'), url('/assets/fonts/product_sans_italic-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'product_sans_bold_italic'; src: url('/assets/fonts/product_sans_bold_italic-webfont.eot'); src: url('/assets/fonts/product_sans_bold_italic-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/product_sans_bold_italic-webfont.woff2') format('woff2'), url('/assets/fonts/product_sans_bold_italic-webfont.woff') format('woff'), url('/assets/fonts/product_sans_bold_italic-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } body { overflow: hidden; position: fixed; /* top: -50%; */ top: 0; /* left: -50%; */ width: 100%; height: 100%; background-size: cover; background-image: url(assets/daniel-leone-197357.jpg); } .Logo1 { margin-top: 18px; } .Header { font-family: 'product_sans_bold', sans-serif; position: fixed; /* left: 851px;*/ color: white; font-size: 120px; bottom: 580px; margin-left: 36px; } .Header1 { font-family: 'product_sans_bold', sans-serif; position: fixed; /* left: 851px;*/ color: white; font-size: 90px; bottom: 455px; left: 40px; } .Instagram { margin-top: 878px; margin-left: 1015px; } .Twitter { margin-top: -80px; margin-left: 910px; } .YoungDevs { margin-top: -90px; } .ss { width: 80px; height: auto; margin-left: 1107px; margin-top: -68px; } .YD{ /* margin-bottom: 100px;*/ }
<!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title></title> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.2/css/bulma.min.css"> <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script> </head> <body> <div class="Logo1"> <img src="/assets/logo.png" alt="Logo1" style="width:90px; height: auto"> </div> <center> <div class="Header"> Hexovo </div> </center> <div class="Header1"> Made To Inspire.</div> <div class="Instagram"> <div style="font-size:3.5em; color:white"> <i class="fab fa-instagram"></i> </div> </div> <div class="Twitter"> <div style="font-size:3.5em; color:white"> <i class="fab fa-twitter"></i> </div> </div> <div class="ss"> <img src="assets/ss.png" alt="ss"> </div> <center> <div class="YD"> <img src="assets/YD.png" alt="YD1"</div> </center> </body> </html>
即使顯示其他圖像（例如Instagram，ss，Twitter），圖像調用“ YD”也不會由於某些原因而顯示。 我已嘗試將其居中，以使其至少可以顯示給我使用，但我不明白為什么它不起作用。任何評論將不勝感激。
1 個解決方案
解決方案1
0 已采納 2018-03-08 21:13:36
您需要關閉<img>標簽： <img src="assets/YD.png" alt="YD1">
更新 ：鑒於您對他人回答的回答，這聽起來像是一個路徑問題。 在CSS中，您設置了絕對路徑，在HTML中，您設置了相對路徑。 嘗試在“資產”之前添加斜杠： <img src="/assets/YD.png" alt="YD1">
背景圖像不會出現在 CSS 中
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.