|
|
tvsm22 Профессионал |
Зарегистрирован: 03.03.2008
Сообщений: 556
|
Обратиться по нику
|
tvsm22 |
Ответить с цитатой | | |
|
Подскажите пожалуйста, можно ли через css реализовать такой вопрос:
показывать или не показывать картинку бэкграунд в зависимости от разрешения экрана? |
|
|
|
|
|
sabirovsk.ru - Игровое оборудование для детских садов |
cyberseo + + + Banned |
Зарегистрирован: 09.11.2010
Сообщений: 84
|
Обратиться по нику
|
cyberseo + + + |
Ответить с цитатой | | |
|
Через CSS вроде никак, а через JavaScript запросто. Например:
Код: |
<head>
</head>
<body>
<script type="text/javascript">
if (screen.width > 800 && screen.height > 600) {
document.body.style.backgroundImage = "url(http://www.featurepics.com/FI/Thumb/20100514/Autism-Handprint-Seamless-Tile-1537654.jpg)";
}
</script>
</body>
|
|
|
|
|
|
|
|
tvsm22 Профессионал |
Зарегистрирован: 03.03.2008
Сообщений: 556
|
Обратиться по нику
|
tvsm22 |
Ответить с цитатой | | |
|
Ок, спасибо, решил путем загрузки разных css в зависимости от ширины окна:
<link rel='stylesheet' media='screen and (max-width: 1024px)' href='{$css_dir}style_low_resolution.css' />
<link rel='stylesheet' media='screen and (min-width: 1025px)' href='{$css_dir}style.css' /> |
|
|
|
|
|
sabirovsk.ru - Игровое оборудование для детских садов |
cyberseo + + + Banned |
Зарегистрирован: 09.11.2010
Сообщений: 84
|
Обратиться по нику
|
cyberseo + + + |
Ответить с цитатой | | |
|
Угу, так может даже и лучше. На случай, если вдруг JavaScript вырублен. Только обязательно во всех браузерах протестируй. А-то там кто во что горазд в плане интерпретации CSS |
|
|
|
|
|
|
|