Question

我有一个非常奇怪的问题。第一个image正确显示，但eng和slo正在显示裁剪，未调整大小至5％的高度和宽度或200px的高度和宽度。我目前对于为什么会发生这种情况一无所知，因为image与eng和slo都相同。我在不同的浏览器中试过这个，但没有成功。如果它有帮助，这里是图片的链接：

enter image description here

这是我在我的网站上使用的代码：

CSS：

body {
  background: url("ninabg.jpg") left top no-repeat;
  background-size: 100% auto;
}

.image {
    background-repeat:no-repeat;
    background-image:url("logo2fix.png");
    position:absolute;
    right:1%;
    bottom:3%;
    height:40%;
    width:35%;
}

.slo {
    background-repeat:no-repeat;
    background-image:url("slo.png");
    position:absolute;
    height:5%;
    width:5%;
    bottom:10%;
    right:21%;

}

.eng {
    background-repeat:no-repeat;
    background-image: url("eng.png");
    position:absolute;
    right:12%;
    bottom:10%;
    height:200px;
    width:200px;

}

HTML：

<!DOCTYPE HTML>
<html>

    <head>

        <!-- META -->
        <title>Nina Rakovec</title>
        <meta name="description" content="Profesionalna igralka" />

        <!-- CSS -->
        <link rel="stylesheet" type="text/css" href="style.css">
        <link rel="shortcut icon" href="/favicon.ico" />

    </head>

    <body>

            <div class="image"></div>
            <div class="eng"></div>
            <div class="slo"></div>

    </body>

</html>

图像未调整大小但已裁剪

0 个答案: