Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 31.01.2013, 12:49   #1
yearmix
 
Регистрация: 28.01.2013
Сообщений: 9
По умолчанию Обрезка изображения средствами CSS

Добрый день, собственно сабж как в одном блоке вырезать кусок чтобы видно было другой блок. зарание спасибо.

что-то типа этого


Зарание спасибо.
yearmix вне форума Ответить с цитированием
Старый 31.01.2013, 13:57   #2
Лубышев
Участник клуба
 
Аватар для Лубышев
 
Регистрация: 23.07.2007
Сообщений: 1,054
По умолчанию

паттерн наложить поверху.
png с прозрачностью. вырезать же кусок из картинки нельзя
Писано по д'Эльфийски
Лубышев вне форума Ответить с цитированием
Старый 31.01.2013, 14:01   #3
yearmix
 
Регистрация: 28.01.2013
Сообщений: 9
По умолчанию

Цитата:
Сообщение от Лубышев Посмотреть сообщение
паттерн наложить поверху.
png с прозрачностью. вырезать же кусок из картинки нельзя
Ну как видиш по картинке можно, но мне нужно чуточьку специфичнее, дело в том что у меня фон страницы растянут по ширине экрана(он у меня градиентный и при расяжке не важно как отображается ) а картинка внутри "целосная"(чёткая) и её растяжка будет не допустима...

Короче говоря нужен ЦСС
yearmix вне форума Ответить с цитированием
Старый 31.01.2013, 15:50   #4
Лубышев
Участник клуба
 
Аватар для Лубышев
 
Регистрация: 23.07.2007
Сообщений: 1,054
По умолчанию

Цитата:
Ну как видиш по картинке можно,
нельзя.
это просто эффект. на самом деле нельзя средствами css вырезать из картинки кусок. это делается из нескольких обрезанных нужным образом картинок или с помощью одной картинки в формате png с прозрачностью в нужном месте (вырез) и эта картинка лежит поверх блока
есть еще один вариант HTML 5.0 Canvas
Писано по д'Эльфийски
Лубышев вне форума Ответить с цитированием
Старый 31.01.2013, 15:53   #5
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Цитата:
Ну как видиш по картинке можно
Ну раз на картинке можно, то в чем проблема? Дерзай!
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 31.01.2013, 16:05   #6
Лубышев
Участник клуба
 
Аватар для Лубышев
 
Регистрация: 23.07.2007
Сообщений: 1,054
Подмигивание

ну вот тебе грубый вариант.... это только эффект. и так как это сделано при помощи прозрачности - нельзя не выделить текст, не активировать контрол какой либо. так как он находится на нижнем слое.
Вложения
Тип файла: zip test.zip (305.7 Кб, 8 просмотров)
Писано по д'Эльфийски
Лубышев вне форума Ответить с цитированием
Старый 01.02.2013, 07:08   #7
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Цитата:
Сообщение от Лубышев Посмотреть сообщение
ну вот тебе грубый вариант.... это только эффект. и так как это сделано при помощи прозрачности - нельзя не выделить текст, не активировать контрол какой либо. так как он находится на нижнем слое.
Можно сделать прозрачный дубль над закрывающей картинкой=)
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 01.02.2013, 10:27   #8
Лубышев
Участник клуба
 
Аватар для Лубышев
 
Регистрация: 23.07.2007
Сообщений: 1,054
По умолчанию

можно... но.... зачем?))))
Писано по д'Эльфийски
Лубышев вне форума Ответить с цитированием
Старый 01.02.2013, 12:04   #9
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

тыкать, текст выделять и прочими образами резвиться)
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 02.02.2013, 13:38   #10
Лубышев
Участник клуба
 
Аватар для Лубышев
 
Регистрация: 23.07.2007
Сообщений: 1,054
По умолчанию

топикстартер даже не заметил наших стараний. не разу не был скачан файл, а так как раз таки описано то, что он хочет... так что можно не усовершенствовать....
Писано по д'Эльфийски
Лубышев вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Обрезка изображения Rost93 PHP 2 29.06.2012 09:31
Вставка изображения средствами CSS DemonIa HTML и CSS 1 02.06.2012 13:24
Управление псевдоэлементами css средствами javascript Naive JavaScript, Ajax 5 01.03.2012 15:27
Оформление e-mail средствами CSS ?? D-Snaker HTML и CSS 8 05.01.2012 17:57
Эффект ТВ помех средствами CSS Zmicer HTML и CSS 1 10.11.2011 22:57