Помощник
|
Подскажите по CSS |
tbsolutions |
13.11.2013, 20:35;
Ответить: tbsolutions
Сообщение
#12
|
|
Nightfox, где нибудь сделано это? Подробнее
-------------------- |
|
|
marv |
14.11.2013, 6:47;
Ответить: marv
Сообщение
#13
|
|
О, у меня заодно подобный вопрос. Как сделать так чтобы на всем сайте поверх контента пыла картинка полупрозрачная (например со словом ПРОДАЕТСЯ)? Если имеется в виду "была", то достаточно абсолютного или фиксированного позиционирования, если "плыла", то нужно добавить анимацию (можно с помощью JQuery). Прозрачность задаётся с помощью css свойства opacity или с помощью JQuery fadeTo (если нужна поддержка старых браузеров). |
|
|
Nightfox |
14.11.2013, 21:02;
Ответить: Nightfox
Сообщение
#14
|
|
tbsolutions, наверное сделано, так как идея ни с чего не приходит))
marv, спасибо! Анимация не нужна. Буду курить абсолютное позиционирование с прозрачностью |
|
|
janisdombr |
20.11.2013, 4:32;
Ответить: janisdombr
Сообщение
#15
|
|
|
Если я правильно понял, картинка стоит фоном? Если так, то можно сделать спрайты, т.е. 2 картинки (те, которые будут меняться при наведении мышкой) совместить в одну. И при наведении через :hover {} менять не саму картинку, а background-position. Тогда не нужна будет куча картинок. Например, в фоне должна быть картинка высотой 100px: делаем в фотошопе из двух 100-пиксельных картинок одну в 200px, поставив их друг над другом, и при наведении мышки смещаем ее на половину ее высоты, вот так: div { height: 100px; background-image: url(такая-то картинка); background-repeat: no-repeat; background-position: 0 0; } div:hover { background-position: 0 -100px; } это очень хороший совет, потому что при загрузке фон загружается браузером полностью, а значит при наведении будет срабатывать моментально, так как фон всего лишь поменяет координаты. В очень многих дизайнах хороших я видел именно такое решение, когда при наведении как-то менялись или триггеры или фон или подсветка. Просто все варианты в одной картинке и меняем координаты при наведении. Также поступают для в случах, когда у объектов (текста) есть какие-то иконки слева, например <span class=bukashka>текст с картинкой слева</span> а в цсс у этого класса бэкграунд с одними координатами, а у класа class=kakashka та же самая картинка, только бэкграунд с другими координатами.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Подскажите по ошибкам из Яндекс вебмастера | 1 | noviktamw | 1294 | 27.1.2024, 23:15 автор: Vmir |
|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3455 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3395 | 19.12.2023, 18:55 автор: CULA |
|
Подскажите дейтинг партнерки с оплатой за регистрацию | 18 | Wolfhound | 2158 | 9.3.2023, 6:17 автор: Skyworker |
|
Веб-разработка (HTML, CSS) | 1 | ViktoriaFE | 6459 | 5.5.2021, 5:22 автор: bekett |
Текстовая версия | Сейчас: 18.4.2024, 7:36 |