CSS：「溢出：隱藏」不工作

這是我的代碼：CSS：「溢出：隱藏」不工作

.image4 { 
    position: absolute; 
    top: 10px; 
    width: 100%; /* for IE 6 */ 
    margin-right: 30px; 
    display: inline-block; 
    float: right; 
    overflow: hidden; 
} 

img{ 
    -webkit-transition: all .2s ease; 
    -moz-transition: all .2s ease; 
    -ms-transition: all .2s ease; 
    -o-transition: all .2s ease; 
    transition: all .2s ease; 

    vertical-align: middle; 
} 
img:hover { 
    transform:scale(1.5); 
    -ms-transform:scale(1.5); /* IE 9 */ 
    -moz-transform:scale(1.5); /* Firefox */ 
    -webkit-transform:scale(1.5); /* Safari and Chrome */ 
    -o-transform:scale(1.5); /* Opera */ 
}

這是結果：

click to see printscreen

正如你可以看到右側沒有按」 t溢出。我想要的是照片將會縮放而不會改變照片的大小。

來源

2016-01-17 bruh

使用固定寬度並通過'max-width'將其限制爲100％ –

如果您可以發佈代碼段，我們很容易回答 –

高興地幫助您:) –

overflow: hidden;

不是你要找的。該頁面不知道圖像溢出，因爲這只是圖像的寬度。嘗試縮小圖像。

來源

2016-01-17 07:23:27 insanewolfhd

CSS： 「溢出：隱藏」 不工作

回答

相關問題

CSS：「溢出：隱藏」不工作