873837 - Update "Scaling background images" to cover background-image and background-size

Status: RESOLVED FIXED

(Developer Documentation Graveyard :: CSS, defect, P5)

Description

[Eric Shepherd [:sheppy]]

:: Developer Documentation Request

      Request Type: Correction
     Gecko Version: unspecified
 Technical Contact: 

:: Details

The background-image and background-size properties aren't covered in this article about using background images; let's add them.

Comment 1

[anilbms75]

below CSS properties are missing for the background-size: cover and contain example. Example looks blank because of these missing properties. i request you to update it.

background-size: cover
......................
background-image: url(https://developer.mozilla.org/files/2917/fxlogo.png);
background-size: cover;
-------------------------------------------------------------------------------
background-size: contain
...........................
background-image: url(https://developer.mozilla.org/files/2917/fxlogo.png);
background-size: contain;

Comment 2

[Jean-Yves Perrier [:teoli]]

Note that this is a wiki and any help is appreciated. Especially that I won't have any time to work on this before the end of the summer (Northern Hemisphere) at least.

So feel free to steal the bug.

Comment 3

[anilbms75]

Hi Jean,

Thanks for the update.  I tried to update, but I saw  code is correct.

background-image: url(/files/2917/fxlogo.png);
background-size: cover;

problem is : 
In Editor preview the page looks fine with background-size : cover & contain example. But same won't show in the Page.

I tried to add iframe. It doesn't render the content inside iframe.

Comment 4

[[e-mail]]

(In reply to anilbms75 from comment #3)

Hello. I solved this problem.

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Scaling_background_images$compare?to=416027&from=409885

Now you can see perfect example.

  https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Scaling_background_images

This page will help you if you want to solve such problems. Good luck.

  https://developer.mozilla.org/en-US/docs/Project:Getting_started_with_Kuma