我需要在懸停時添加影像的放大。它是通過js函式實作的，它賦予圖片屬性transforms：scale(1.2)。但是在影片開始的時候，畫面底部出現了一條黑線，這與畫面無??關。在href有本地保存的圖片，所以我把＃，而不是一個鏈接，使代碼可以運行在這里輸入影像描述
function actionWhenMouseOver(imgName) {
var img = document.getElementById(imgName);
img.style['transform'] = "scale(1.2)";
img.style['transition'] = "0.3s";
}
function actionWhenMouseOut(imgName) {
var img = document.getElementById(imgName);
img.style['transform'] = "scale(1)";
img.style['transition'] = "0.3s";
}<div class="col-md-12 col-lg-6 text-center mb-3">
<img src="#" alt="" class="block" id="block2" onmouseover="actionWhenMouseOver(this.id)" onmouseout="actionWhenMouseOut(this.id)">
</div>uj5u.com熱心網友回復：
僅嘗試使用 CSS。例如，您可以設定block用于在懸停時縮放影像的類。這是一個更好的方法，也許這條黑線不會出現更多。
.block {
transform: scale(1);
transition: 0.3s;
}
.block:hover {
transform: scale(1.3);
}<div class="col-md-12 col-lg-6 text-center mb-3">
<img src="#" alt="" class="block" id="block2">
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/387178.html
標籤：javascript css