如何用css修改此圖像的尺寸？

我的網站上有一個圖片有問題，想通過修改它的尺寸爲1px高度和1px寬度來擺脫它。如何用css修改此圖像的尺寸？

我試圖用CSS來做，但我有一個選擇圖像的問題，因爲它的類有空的空間（class =「avatar avatar-96 photo tie-appear」）。這是圖像的代碼時，我檢查它：

<span class="dwqa-date"> <img alt="" src="http://0.gravatar.com/avatar/3314a60ebb551b6be74e876f2c56e115?s=96&d=mm&r=g" srcset="http://0.gravatar.com/avatar/3314a60ebb551b6be74e876f2c56e115?s=96&d=mm&r=g 2x" class="avatar avatar-96 photo tie-appear" height="96" width="96"> <strong>⋅</strong> <a href="#comment-2" title="Link to comment #2">22 mins ago</a> </span>

你知不知道我怎樣才能擺脫這種形象？如果你知道這些代碼，你會讓我很受歡迎。

謝謝！

來源

2015-11-19 david

請在您的問題中添加相關的HTML和CSS，這使我們更容易地看到**您嘗試過的**以及**我們要與之合作** – Simplicity

您可以添加樣式'高度：1px;寬度：1px;'根據您的情況，對於類別'avatar'或'avatar-96'或'photo'或'tie-appear'。 – Lal

你的CSS類沒有空間，每一類又是它自己的CSS類

class="avatar avatar-96 photo tie-appear"可以用CSS選擇.avatar.avatar-96.photo.tie-appear

看到這個重複的問題進行選擇：How to select classes with spaces

編輯：讓它在這個JS小提琴上爲你設置：https://jsfiddle.net/y3s2869g/你可以看到CSS選擇器通過將顯示設置爲none來刪除圖像。希望有所幫助！

再次編輯：

.dwqa-author > img.avatar, .dwqa-comment-author img.avatar { 
    display:none; 
}

您可能還需要去除一些多餘的填充物，CSS類似這樣的意願：審查網站上的標記之後，您可以用下面的CSS刪除頭像圖片實現這一目標：

li.dwqa-comment { 
    padding: 15px 20px !important; 
} 

.dwqa-header div.dwqa-author { 
    padding-left: 0px !important; 
} 

.div.dwqa-content { 
    margin-left: 0px !important; 
}

來源

2015-11-19 18:37:22

我剛剛嘗試過但它不起作用 – david

這是我使用的代碼： – david

image.avatar.avatar-96_photo.tie-appear { height：1px; width：1px; } – david

Display: None

是您的朋友。更改圖片尺寸仍然會推動其他東西，並使其在低分辨率屏幕上非常難看。

來源

2015-11-19 18:59:31 TheLexoPlexx

感謝您的評論！問題是圖像超過了其他元素，所以我認爲如果消失，問題就會消失。但我還沒有。我無法在頁面上進行任何更改。 – david

如何用css修改此圖像的尺寸？

回答

相關問題