图像不会显示html / css

时间:2018-03-08 21:06:26

标签: 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>

图像调用'YD'出于某种原因不会出现,即使其他图像出现,如Instagram,ss,Twitter。我试图让它居中,至少让我出现使用它,我不明白为什么它不会工作。任何评论将不胜感激。

1 个答案:

答案 0 :(得分:0)

您需要关闭import pandas as pd df = pd.read_csv('C:\\router.csv', parse_dates=['Minute'], index_col='Minute') df1 = df.groupby('QIN')['uIN'].max().reset_index() df1 = df1.merge(df.reset_index(), on=['QIN', 'uIN']).set_index(['Minute', 'QIN']) Out[191]: uIN uOUT Minute QIN 2018-02-17 16:20:00 Bundle-Ether1 on (Router1.network.com) 0.11816 0.11785 Bundle-Ether1 on (Router2.network.com) 0.13361 0.11747 标记:     <img>

更新:鉴于您对他人的回复&#39;答案,这听起来像是路径问题。在您的CSS中,您设置了绝对路径,在HTML中您拥有相对路径。尝试在&#34; assets&#34;之前添加斜杠:     <img src="assets/YD.png" alt="YD1">