CSS3 résolution de l'image propriété

Je suis en train d'appliquer CSS3 image-resolution propriété sur mon image, mais il n'a pas d'effet, ce mon code:CSS3 résolution de l'image propriété

<!DOCTYPE html> 
<html> 

<head> 
    <meta charset="utf-8" /> 

<title>resize image </title> 
<style> 
.high{ image-resolution:300dpi;} 
.low{ image-resolution:0dpi;} 
</style> 
</head> 

<body> 
<img class="low"id="img1" src="orginal.jpg" border="0" /> 

<img class="high"id="img1" src="orginal.jpg" border="0" /> 
</body> 
</html>

Source

2010-08-16 loll

Tout d'abord, l'attribut id doit être unique, afin d'éviter donner à deux éléments différents le même identifiant (c'est juste sémantiquement incorrect)

Deuxièmement, avez-vous vérifié que votre navigateur comprenait la propriété? Je suis tout à fait sûr que c'est une propriété très spéciale et probablement seulement quelques navigateurs peuvent l'interpréter correctement.

Je ne suis même pas sûr que les navigateurs puissent gérer cette propriété, car CSS3 est encore en développement et seules les versions les plus récentes ou même pas encore publiées des navigateurs pourraient l'interpréter.

Source

2010-08-16 07:41:49

Je ne l'ai pas testé, mais pourrait fonctionner =)

@media screen (min-resolution: 300dpi) { 
    img{ 
     image-resolution: 300dpi; 
     width: 50%; 
     height: auto; 
    } 
} 
@media screen (min-resolution: 72dpi) { 
    img{ 
     image-resolution: 72dpi; 
     width: 100%; 
     height: auto 
    } 
}

Source

2013-05-02 01:28:04 yorkfx

CSS3 résolution de l'image propriété

Répondre

Questions connexes