CSS centre couleur de fond

Question

Je voudrais centrer l'image automatiquement, je ne veux pas utiliser gauche et en haut Je veux établir ce centre,

<style> 
#loading{ 
     position:absolute; 
     background-color: #6B718B; 
     font:40px Arial, Helvetica, sans-serif; 
     color:#ffffff; 
     padding:20px; 
     border-radius: 10px; 
     opacity:0.5; 

} 
</style> 
<div id="loading">Loading...</div> 

grâce

Answer 1

Si vous utilisez un image de fond, vous pouvez le faire comme ceci:

#loading { 
    /* Whatever other code */ 
    background: url("/path/to/image.png")center center no-repeat; 
} 

Answer 2

L'alignement au centre horizontal est possible mais vertical pas avec CSS. Pour align centrale horizontale:

margin: 10px auto; 

Mais vous pouvez essayer JavaScript pour que:

var height = window.innerHeight; 
var width = window.innerWidth; 
document.getElementById('myDiv').style.top = height/3; 
document.getElementById('myDiv').style.bottom = height/3; 
document.getElementById('myDiv').style.left = width/3; 
document.getElementById('myDiv').style.right = width/3;