Question

我的标题有下一个CSS：

html, body {
    margin: 0px;
    width: 100%;
    height: 100%;
}

.fullwidth {
    width: 100%;
}

.fullheight {
    height: 100%;
}

.navbar {
    width: 100%;
    height: 84px;
    background: #4F46C8 url("../img/logo.png") no-repeat;
}

.sidebar-container {
    float: left;
    width: 250px;
}

.sidebar {
    color: white;
    background-color: #0091a8;
    width: 100%;
    height: 100%;
    position: relative;
    overflow-y: scroll;
    padding: 20px 16px 16px 16px;
}

.sidebar ul {
    list-style: none;
}

.sidebar li::before {
    content: "- ";
}

.content {
    width: auto;
    margin-left: 280px;
}

.content iframe {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    border: none;
}

.page {
    padding: 20px 16px 16px 16px;
}

.page h2 {
    color: #0091a8;
}

.row {
    width: 100%;
    height: 100%;
    clear: both;
    box-sizing: border-box;
}

.sidebar a {
    color: white;
}

.text-centered {
    text-align: center;
}

颜色#2874c2是使用Gimp 2拍摄的图片中的颜色。在图像查看器中，该图片看起来比在浏览器中更亮。我在浏览器中检查了一种颜色#4F46C8。
我的html：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>FSS</title>
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <script type="application/javascript" src="js/app.js" async></script>
    </head>
    <body>
        <div class="navbar">

        </div>
    </body>
</html>

有什么问题吗？
PS 。图片不透明。

Firefox使我的图片比原始图片更暗

0 个答案: