Прозрачный фон
#1
Отправлено 25 Сентябрь 2011 - 03:44
Есть "задний" фон и "основа" сайта, на которой выкладывается вся информация...
Как мне сделать эту "основу" полупрозрачной?
#2
Отправлено 25 Сентябрь 2011 - 06:09
opacity: 0.5но оно не кроссбраузерное. Или с помощью photoshop
#3
Отправлено 25 Сентябрь 2011 - 07:11
гораздо проще создать изображение png с прозрачностью(в прикрепленном файле)
закинуть куда-нибудь допустим в http://intcrossway.c...ploads/2011/08/ там лежит основной фон.
и в файле /wp-content/themes/sliding-door/style.css изменить строку фона
#wrapper { margin-top: 20px; padding: 0 20px; position: relative; background: url(http://intcrossway.com/wp-content/uploads/2011/08/bg.png) 0 0 repeat; }
Все будет Хорошо!=)
#4
Отправлено 25 Сентябрь 2011 - 09:42
Все получается...
Только полупрозрачным становится ВСЁ: буквы, картинки...
#5
Отправлено 25 Сентябрь 2011 - 10:24
Попробовал через opacity: 0.5
Все получается...
Только полупрозрачным становится ВСЁ: буквы, картинки...
это от того, что блок является родительским для этих элементов. Вам наверное проще будет сделать полупрозрачный png фон как написал Олег.
#6
Отправлено 25 Сентябрь 2011 - 11:47
В CSS разобрался кое-как...
А если в стилях всех "дочерних" элементов вписать: opacity: 1.0?
Сообщение отредактировал Виктор В.: 25 Сентябрь 2011 - 12:04
#7
Отправлено 25 Сентябрь 2011 - 12:04
Да я месяц как "этим" занимаюсь...
В CSS разобрался кое-как...
А если в стилях всех "дочерних" элементов вписать: opacity: 0.5?
может opacity:1 ? И это все равно ни чего не изменит. Нужно сделать так, что бы блок с прозрачностью не являлся для элементов у которых не нужно менять прозрачность родительским. А чем Вас не устраивает вариант который написал Олег? Меньше хлопот и гемора.
#8
Отправлено 25 Сентябрь 2011 - 12:07
По шагам...
Кстати, а почему когда я ставлю 100% прозрачность, это на других "дочерних" элементах не отражается?
Сообщение отредактировал Виктор В.: 25 Сентябрь 2011 - 12:08
#9
Отправлено 25 Сентябрь 2011 - 12:24
background: url(http://путь_к_картинке) 0 0 repeat;
Сообщение отредактировал diamond82: 25 Сентябрь 2011 - 12:41
#11
Отправлено 25 Сентябрь 2011 - 14:47
Сообщение отредактировал diamond82: 25 Сентябрь 2011 - 14:47
#12
Отправлено 25 Сентябрь 2011 - 15:02
А как сделать более прозрачным?
Я так понимаю, работа с изображением?..
Сообщение отредактировал Виктор В.: 25 Сентябрь 2011 - 15:03
#13
Отправлено 25 Сентябрь 2011 - 15:06
Сделал...
А как сделать более прозрачным?
Я так понимаю, работа с изображением?..
именно.
#14
Отправлено 25 Сентябрь 2011 - 15:12
#16
Отправлено 25 Сентябрь 2011 - 15:43
Получилось в лучшем виде...
Можете заглянуть:
http://intcrossway.com/
Сообщение отредактировал Виктор В.: 28 Сентябрь 2011 - 18:04
#17
Отправлено 25 Сентябрь 2011 - 16:15
и ежели позволите пара малюсеньких замечаний...
Нужно изменить цвет текста у блоков с комментами, это ни есть гуд черный текст на темном фоне. И так же изменить цвет ников
Далее... карта сайта с прозрачным фоном лежит на клетчатом фоне (окна дома) при не большом разрешении экрана (к примеру на нетбуках) сие место будет ну ооооочень не читаемым.
Сообщение отредактировал diamond82: 25 Сентябрь 2011 - 16:27
#18
Отправлено 25 Сентябрь 2011 - 16:47
Есть "задний" фон и "основа" сайта, на которой выкладывается вся информация...
Как мне сделать эту "основу" полупрозрачной?
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/ -moz-opacity: 0.5; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */ zoom: 1; /* для элемента в ИЕ, у которого не заданы width и height */
Кто счастлив, тот и прав. (Л. Н. Толстой)
#19
Отправлено 25 Сентябрь 2011 - 21:14
ну вот... совсем другое дело...
и ежели позволите пара малюсеньких замечаний...
Нужно изменить цвет текста у блоков с комментами, это ни есть гуд черный текст на темном фоне. И так же изменить цвет ников
Далее... карта сайта с прозрачным фоном лежит на клетчатом фоне (окна дома) при не большом разрешении экрана (к примеру на нетбуках) сие место будет ну ооооочень не читаемым.
Я и сам понимаю...
Поменял...
И "карту" сделал потемнее...
Сообщение отредактировал Виктор В.: 25 Сентябрь 2011 - 21:17
#20
Отправлено 28 Сентябрь 2011 - 12:48
... карта сайта с прозрачным фоном лежит на клетчатом фоне (окна дома) при не большом разрешении экрана (к примеру на нетбуках) сие место будет ну ооооочень не читаемым.
Вопрос: Как сделать так, чтобы "Карта сайта" располагалась на таком-же фоне, как и коменты?
Сразу уточню: в стили добавлял background: #DCDCDC;, но в результате был не общий фон, а строки на фоне(
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 скрытых пользователей