Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/3: Рейтинг темы: голосов - 3, средняя оценка - 5.00
23 / 23 / 11
Регистрация: 12.01.2013
Сообщений: 223
1

Css прозрачный указатель на темном фоне

05.04.2015, 20:32. Просмотров 586. Ответов 7
Метки нет (Все метки)

не могу придумать как заверстать подобный эффект.

кирпичный фон есть, полупрозрачный фон есть, а вот сама стрелка....(
подскажите в какую сторону копать. Заранее большое спасибо.


http:// s012.radikal. ru/i320/1504/e7/2bc23a4c70d5.png
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
05.04.2015, 20:32
Ответы с готовыми решениями:

Линии на фоне средствами CSS
Здравствуйте господа. есть такая задача - нарисовать фоном 6 линий. например есть div размером...

Прозрачный угол для блока на CSS
Здравствуйте. Подскажите, как можно сделать такой угол на CSS, чтобы он был прозрачным? (Знаю, как...

Текст на размытом фоне средствами CSS
Добрый вечер! Как сделать текст на размытом фоне с помощью CSS? filter: blur(px) размывает все,...

Закрепить картинку на заднем фоне, но не задеть тексты (CSS)
Добрый день, проблема такая, нужно намертво закрепить картинку на задней фоне, но не задеть сами...

7
65 / 65 / 20
Регистрация: 26.02.2013
Сообщений: 336
Записей в блоге: 1
05.04.2015, 22:09 2
Rurr, я наверное выскажу общее мнение, если скажу что, ты не особо понятно объяснить проблему
0
18 / 18 / 4
Регистрация: 30.09.2013
Сообщений: 519
05.04.2015, 22:10 3
+1
0
23 / 23 / 11
Регистрация: 12.01.2013
Сообщений: 223
05.04.2015, 22:54  [ТС] 4
Rurr, я наверное выскажу общее мнение, если скажу что, ты не особо понятно объяснить проблему
прошу прощения. по сути мой вопрос на картинке выше. как такое реализовать?
0
18 / 18 / 4
Регистрация: 30.09.2013
Сообщений: 519
05.04.2015, 23:01 5
И что же на картинке?
0
23 / 23 / 11
Регистрация: 12.01.2013
Сообщений: 223
06.04.2015, 00:19  [ТС] 6
ну если тркдно посмотреть то попытаюсь обьяснить словами. фон
Код
background: #111;
opacity: 0.8;
припустим это контейнер div внутри которого есть ссылка a

итого имеем:
HTML5
1
<div><a href="#">Ссылка</a></div>
css:
Код
body{
background-image: url('img.png');
}

div{
	background-color: #111;
	opacity: 0.8;
}
нужно разместить в контейнере символ/картинку что угодно что бы он/она была полностью прозрачна и background div'а не был наложен ни поверх ни в нижнем слое, виден должен быть фон от body
еще раз на картинке пример что должно получится. Идей как реализовать задачу нету по этому и прошу помощи.
0
181 / 149 / 55
Регистрация: 21.07.2013
Сообщений: 959
06.04.2015, 02:04 7
Цитата Сообщение от Rurr Посмотреть сообщение
ну если тркдно посмотреть
То тоже смотрел - так и не понял (
Я так понял что вам нужно реализовать позиционирование блока один над другим?
0
409 / 374 / 220
Регистрация: 18.07.2014
Сообщений: 1,259
06.04.2015, 08:58 8
Rurr, сделайте черную часть фона div'a повторяющейся картинкой
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
06.04.2015, 08:58

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

Прозрачный фон у изображения на фоне PictureBox
Начал писать программу и сразу столкнулся с проблемой. Любое изображение отображается со своим...

Как сделать на css прозрачный фон, как у картинки?
Посмотрите на вложенную картинку. Сверстал тексты, форму, но как в css сделать прозрачный фон?

Почему прозрачный png в Visual Studio не прозрачный?
Можно ли с этим что-нибудь поделать?

Прозрачный блок, внутри его не прозрачный
Скажите пожалуйста, можно ли сделать &lt;div opacity 0.5 цвет белый&gt; &lt;div opacity 1 цвет...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.