我的图像无法用作背景图像

Question

在我的CSS中，我给出了img的url()，但当代码在浏览器上执行时，它不能作为背景img工作。我的 HTML 存储在 htdocs->ALUMEET->profile.html 中我的 CSS 存储在 htdocs->ALUMEET->CSS->profile.css 中我的图像存储在 htdocs->ALUMEET->images->help2.jpg 中使用XAMPP

html:

<!DOCTYPE HTML>
<html>
    <head>
        <title>Profile</title>
        <meta name="viewport" content="width = device-width, initial-scale = 1.0">
        <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
        <link rel="stylesheet" href="CSS/profile.css">
    </head>
    <body>
        <div class="container">
            <div class="profilebox">
                <i class="uil uil-bars icon"></i>  
                <i class="uil uil-setting icon"></i>
                <img src="images/profilepic.jpg" class="profile-pic">            
            </div>
        </div>
    </body>
</html>

CSS：

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'poppins', 'sans-serif';
}

.container {
    width: 100%;
    height: 100vh;
    background: url('/images/help2.jpg');
}

.profilebox {
    background: pink;
    text-align: center;
}

我期待背景图像起作用我还通过在 idk 中提供链接来使用 iconify 作为图标，如何提供它（我是通过观看 yt 做到的）。告诉我怎么做，我已经使用了 unicons，还有其他可以使用的吗？怎么办？

Answer 1

试试这个

.container {
width: 100%;
height: 100vh;
background: url('../images/help2.jpg');
}

如果你想使用 Iconify。将其添加到 HTML 头部

<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>

然后像这样将图标添加到您想要的位置。

<span class="iconify" data-icon="bi:alarm" data-inline="false"></span>

我的图像无法用作背景图像

问题描述投票：0回答：1

1个回答

最新问题

我的图像无法用作背景图像

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1