Question

我是一名试图编写网站代码的平面设计师。我被困在主页上已经有好几个星期了。我的问题是我无法使用CSS重新调整图像大小，因为它会消失或被切断。这是我想要的do

这是我的代码：

#wrapper {
        position: relative;
}

#wrapper > div {
        border-radius: 50%;
        width: 960px;
        height: 100%;
        overflow: hidden;
        margin: auto;
        position: relative;
}

#wrapper > div#home {
        width: 291px;
        height: 290px;
        position: absolute;
        -ms-transform: translate(-50%,-50%); /* IE 9 */
        -webkit-transform: translate(-50%,-50%); /* Safari */
        transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
}

#wrapper > div#contact {
        width: 291px;
        height: 290px;
        position: absolute;
        -ms-transform: translate(-50%,-50%); /* IE 9 */
        -webkit-transform: translate(-50%,-50%); /* Safari */
        transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        margin-left: -150px;
        margin-top: 180px;
        
}

#wrapper > div#contact img {
        width: 60%;
        height: auto;
        
}

但是使用该代码我得到this

如果您查看contactbttn（电话图标），您会看到发光边缘被切断。

Answer 1

如果您要从overflow: hidden;删除#wrapper > div，那么您的图片将不会被删除。所有其他事情都取决于你，因为我也无法看到我们正在处理的事情。

在CSS中重新调整大小时图像消失

1 个答案: