CSS3 разрешение изображения свойство

Я пытаюсь применить CSS3 image-resolution собственность на мое изображение, но это не имеет никакого эффекта, это мой код:CSS3 разрешение изображения свойство

<!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>

источник

2010-08-16 loll

Прежде всего, атрибут id должен быть уникальным, поэтому следует избегать давая двум различным элементам один и тот же идентификатор (это просто семантически некорректно)

Во-вторых, вы проверили, что ваш браузер понимает недвижимость? Я совершенно уверен, что это очень особенное свойство, и, вероятно, только несколько браузеров могут интерпретировать его правильно.

Я даже не уверен, что какие-либо браузеры могут обрабатывать это свойство вообще, поскольку CSS3 все еще находится в разработке, и только самые современные или даже еще не выпущенные версии браузеров могут его интерпретировать.

источник

2010-08-16 07:41:49

Я не проверял, но может работать =)

@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 
    } 
}

источник

2013-05-02 01:28:04 yorkfx

CSS3 разрешение изображения свойство

ответ

Смежные вопросы