HTML [44] |
Visual C++ и MFC [21] |
c++ [78] |
php [19] |
Javascript [15] |
C# [51] |
загрузки [0] |
XNA
[10]
создание игр с помощью xna
|
Главная » Статьи » HTML |
Настройка фона элементовПродолжая традицию прошлого урока, хочу систематизировать стилевые свойства, управляющие фоном элемента. Настройки фона элемента со всеми возможными вариантами значений и комментариями собраны в следующей таблице:
Если задано только одно значение, в процентах или единицах измерения, то оно устанавливает только горизонтальную позицию, вертикальная позиция будет 50%. Если заданы два значения, первое задаёт горизонтальную позицию. Допускаются комбинации значений в процентах и единицах измерения (например, '50% 2cm'). Допускаются негативные значения позиции. Ключевые слова не могут комбинироваться со значениями в процентах или единицах измерения (все возможные сочетания приведены ниже).
Существует сокращенное свойство background, позволяющее настроить все свойства фона элемента в одном месте таблицы стилей. Значение этого стилевого свойства представляет собой список значений отдельных свойств, заданных в определенном порядке и разделенных пробелами. Значения стилевого свойства 'background' указываются в следующем порядке:background-color
background-image background-repeat background-attachment background-position
Пример использования свойства background:
Интересный пример настройки фона элементаСуществует множество способов, не позволяющих пользователю сохранять изображения, размещенные на веб-странице. И такое же количество приемов сохранения подобных изображений. :) На одном из сайтов я столкнулась с очень изящным решением, которое было основано только на CSS, без привлечения JavaScript и более сложных технологий. Повторю, что подобные способы являются скорее "защитой от ламеров" - достаточно компетентный специалист, вероятно, найдет способ преодоления запретов. В крайнем случае, Print Screen пока еще не отменен. :) Попробуйте сохранить изображение, приведенное ниже. Как вы, я думаю, уже заметили, вместо желаемого изображения сохраняется прозрачный однопиксельный GIF. Как же реализуется такой прием? Если в двух словах, то цветное изображение представляет собой фон какого-либо элемента (в нашем случае, это элемент div). А содержимым элемента является никому не нужный прозрачный GIF, растянутый до нужного размера. Он прозрачный, поэтому не мешает созерцать изображение, он растянут до размеров подложки - поэтому не дает добраться до заветного контекстного меню "Сохранить фон как...". Есть только один способ преодоления такой защиты - просмотреть код и найти адрес картинки, которую впоследствии можно загрузить, введя найденный адрес в адресную строку броузера. А вот и код:
| |||||||||||||||||||||||||||||||||||||||||||||||||
Просмотров: 1706 | Рейтинг: 0.0/0 |
Всего комментариев: 0 | |