CSS中的背景圖片一般是用URL來指定的。但是如果我們需要在CSS中直接指定一個img的src,該怎么做呢?
img { display: block; width: 100%; height: auto; } .container { background: url('some-background-image.jpg'); }
以上代碼中,我們使用了一個img元素的CSS樣式。其中display: block和width: 100%可以使img元素充滿其父元素的寬度,而height: auto可以使其高度與寬度成比例縮放。
在.container元素的CSS樣式中,我們使用了一個URL來指定背景圖片。但是,如果我們希望直接在CSS中指定一個圖片的src屬性,可以這樣做:
.container { background: none; } .image { display: block; width: 100%; height: auto; src: url('some-image.jpg'); }
在這個例子中,我們取消了.container元素的背景圖片,并創建了新的一個圖片元素.image。與img元素類似,我們設置了圖片的寬度和高度,但是使用的是src屬性來指定圖片的路徑。
需要注意的是,這種方法只適用于圖片元素,不能用于背景圖片。
上一篇mysql數據庫添加視圖
下一篇css圖片灰度濾鏡效果