and this should work on both extra-wide and mobile screens. The cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element. images/test-background.gif) height: 200px width: 400px border: 1px solid black >Example of a DIV.
#Css background image resize block display code#
So here is my solution - based on Hasanavi's code but better. Toggle background images to not be displayed. In the example below we use vh units, which stands for viewport height (. Then the child can fill the parent using width: 100 and height: 100, as well as set the background image, ensuring it scales to cover the area. Basic example Add background-image via inline CSS.
I had this issue and found Hasanavi's answer but I got a little bug when displaying the background image on a wide screen - The background image didn't spread to the whole width of the screen. First we specify the dimensions for the parent element. If the background-size property is set to 'contain', the background image will scale, and try to fit the content area. The background-size property specifies the size of the background images.
0 kommentar(er)
