Position d'arrière-plan à partir de la droite en pourcentage

Question

Existe-t-il un moyen d'afficher un background image à partir de la droite en pourcentages? En pixels, les valeurs fonctionnent bien, mais pas en pourcentages! JSfiddle

html: <div></div>

css:

div { 
    position: absolute; top: 0; left: 0; bottom: 0; right: 0; 
    background-image: url('http://www.pngall.com/wp-content/uploads/2016/07/Arrow-PNG-Pic.png'); 
    background-size: auto 90%; 
    background-position: right 20% center; 
    background-repeat: no-repeat; 
} 

Answer 1

Je pense que vous pourriez avoir une erreur. Vous dites:

background-position: right 20% center; 

Il devrait être X% Y%:

div { 
    position: absolute; top: 0; left: 0; bottom: 0; right: 0; 
    background-image: url('http://www.pngall.com/wp-content/uploads/2016/07/Arrow-PNG-Pic.png'); 
    background-size: auto 20%; 
    background-position: 90% 50% ; 
    background-repeat: no-repeat; 
} 

JSFiddle

Answer 2

Votre arrière-plan est trop grand. C'est plus grand que 100%. Cela vous donne un résultat imprévisible! Ici vous pouvez voir le code avec une plus petite taille de png, fonctionnant comme prévu!

div { 
    position: absolute; top: 0; left: 0; bottom: 0; right: 0; 
    background-image: url('http://www.pngall.com/wp-content/uploads/2016/07/Arrow-PNG-Pic.png'); 
    background-size: auto 10%; 
    background-position: right 10% center; 
    background-repeat: no-repeat; 
} 

https://jsfiddle.net/zn2ujy4b/