將響應式背景圖像添加到除法類引導程序

Question

我必須在圖像中使用javascript函數，因此我想將圖像添加為除法類中的背景圖像。我希望它具有響應性和可伸縮性，就像我使用的<img>標簽一樣。 如何做到這一點？

Answer 1

CSS3 background-size可以在這里使用。

background-size: [auto|percentage|units - for width] [auto|percentage|units - for height];

例如：

.bg{
    /*will stretch the element's background to its full width (saving proportions of the picture - so it may be cut vertically or not fill the entire height):*/
    background-size:100% auto;

    /*will stretch the element's background to its full height (it may be cut - this time - horizontally or not fill the entire width):*/
    background-size:auto 100%;

    /* the background will be forced to the 50% of the el's width and 40% of its height respectively: */
    background-size:50% 40%;
}