Why background image not displaying? Here are some basic errors.

-
Sometimes, the background image not displaying in our browser because we forget to write folder name, to give height, etc. There are several basic errors. Some basic errors are as following-

1.We forget to write the folder name with image name like-
    body{
          background: url(imagename) no-repeat center;
    }
So, first of all check the folder name.

2. Sometimes, the height is not give to the div or the height is auto.So, in this case, check the height property and give height to the div.

3.The folder name and image name is not correct.
   like-
Our folder name is images and we write folder name
is image.
The image format is JPG and we write image format PNG.
So, check the folder name and image format.

4.When we write the correct code and even then our background image not displaying in the browser.

Correct code:-
    body{
        background: url(foldername/imagename) repeat;
    }
So, in this case, our image folder is placed one folder up from the HTML document. so, in this situation the code used like this-
     body{
           background: url(../foldername/imagename) repeat;
     }
 
5.Sometimes, the system extension is hidden and when we write extension with image, the image does not display in our browser.

So, we have to check whether the system extension is on or off.

Comments

Post a Comment

Popular posts from this blog

Why entrance animation not working in Elementor?

-
In the elementor plugin, Problem is on the Entrance animation for fadeIn, bounce etc. effects. When i used entrance animation on the image or text, the effect works fine in the edit mode. But when i updated my page and checked output the image or tex disappear on the page. So, In this case, you have check the following points:-     1) Deactivate all the plugins Including Elementor.     2)Start activating again elementor.     3) Now function well the animations.     4)After the problem solved activate the other plugins one by one and checking everything is fine.     5)If you find there is a problem with some plugin maybe that plugin will not be compatible with  Elementor.
Read more

Why position relative leaves empty space below the div?

-
When we want to move the div, we give position:relative to the div and moved div to top-bottom, left-right directions like- div{        position: relative;        top: -127px;        right: 50px;   }         But, usually when we give position:relative to the div, the position:relative leaves empty space below the div. So, In this case, we can use a nagative margin-bottom in the relative element that you have moved   like- div{         position: relative;         top: -127px;         right: 50px;        margin-bottom: -127px;   }       
Read more

What is difference between GET and POST methods in php?

-
Both GET and POST methods are used to send information to the server. Both are sending information in different ways. Difference between GET and POST method - GET method Information sent with the GET method is  visible to everyone  (all variable names and values are displayed in the URL). So, the GET method is not secured. GET method doesn't send binary data (images and documents). It sends only ASCII characters. GET method sends information in a limit. The limit is upto 2000 characters.  GET should never be used for sending passwords or other sensitive information. The variables are displayed in the URL, It is possible to bookmark the page. POST method Information sent with the POST method is  invisible to others.  The POST method is secured and developers prefer to use POST method. POST method used to send binary data as well as ASCII characters. Post has  no limits  on the amount of information to send. Post is used for sen...
Read more