Вместо прозрачности, белый фон

@VitaliyK · Регистрация: 25.01.2014

Студворк — интернет-сервис помощи студентам

Ребят, вопрос..
Нужно сделать что бы под шапкой сайта, был прозрачный фон...
Ибо когда заливаешь шапку с прозрачностью(png), фон все равно белый..
Фон на моем сайте меняется с помощью кода

CSS
1
2
3
4
5
6
7
.page-header {
display: none;
background-color: whitesmoke;
padding: 0 0 10px 0;
margin: -20px 0 0 -20px;
border-bottom: 1px solid #ddd;
}

И как я понимаю строка "background-color: whitesmoke;" отвечает за цвет.. Но когда ставлю колор "transparent" все равно фон белый.. Подскажите ребят, как исправить....

@maximus2011 · 25.01.2014, 09:20

ну так а если этому page-header и прописать фон ваш png? нет?

@VitaliyK · 25.01.2014, 10:08 **[ТС]**

maximus2011, Подскажи как, я не разбираюсь в ксс..

@maximus2011 · 25.01.2014, 10:32

CSS
1
2
3
4
5
6
7
.page-header {
display: none;
background:url(..тут путь до картинки) no-repeat scroll;
padding: 0 0 10px 0;
margin: -20px 0 0 -20px;
border-bottom: 1px solid #ddd;
}

правда там у вас display:none; стоит, а это значит, что блок не видим. Нужно либо убрать это свойство, либо написать display:block; вместо него

@Taatshi · 25.01.2014, 10:37

VitaliyK, значит, у кого-то еще ниже тоже белый фон) Ройте дальше.

@VitaliyK · 25.01.2014, 10:42 **[ТС]**

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

Добавлено через 42 секунды
Taatshi, Так ниже идет фон сайта, т.к. картинка.. куда еще ниже?

@Taatshi · 25.01.2014, 10:48

VitaliyK, дайте ссылку на сайт

И нарисуйте как хотите чтобы было. Я что-то перестаю Вас понимать.

Добавлено через 1 минуту
Все, поняла.

Вам нужно вынести шапку за контейнер с остальной частью сайта. Вы не сможете сделать прозрачный фон для ЧАСТИ контейнера.

Дайте полный код html и css

@VitaliyK · 25.01.2014, 10:50 **[ТС]**

Taatshi, Можно ваш скайп или что либо, я обьясню в чем соль, и дам сайт...

@Taatshi · 25.01.2014, 10:55

VitaliyK, нельзя - все вопросы решаем на форуме

@VitaliyK · 25.01.2014, 10:58 **[ТС]**

Taatshi, Ладно, сайт http://vitaliyk.rentshop.org/ (Не реклама)
Суть в том что, магазин арендуется, и полностью css и html я менять не могу..
Единственное место где я могу вносить данные это "Поле для скриптов(данные пойдут после </body>)"

@Taatshi · 25.01.2014, 11:02

Сообщение от VitaliyK

магазин арендуется, и полностью css и html я менять не могу

Боюсь, тогда Ваша задача нерешаема. Тут нужно переверстывать страницу.

@VitaliyK · 25.01.2014, 11:06 **[ТС]**

Taatshi, Почему, ведь можно поверх старого css, новые коды ставить...
Т.е. можно ведь как то фон прозрачным для всей страницы сделать.....

@Taatshi · 25.01.2014, 11:14

VitaliyK, попробуйте

.content и .page-header бэк задаем transparent

.row бэк задаем white

@VitaliyK · 25.01.2014, 11:23 **[ТС]**

Не могли бы вы написать код, а я уж подстрою куда надо :3 Я не силен в ксс :С

Добавлено через 6 минут
Taatshi, Вроде сделал, не помогло :С
Ладно что уж.. Не получится так не получится :С

@Taatshi · 25.01.2014, 11:34

CSS
1
2
.content, .page-header {background-color: transparent;}
.row {background-color: whitesmoke;}

Добавлено через 1 минуту
Не может не помочь. У меня получилось. Не поможет - напишите так

CSS
1
2
.content, .page-header {background-color: transparent!important;}
.row {background-color: whitesmoke!important;}

@VitaliyK · 25.01.2014, 11:46 **[ТС]**

Taatshi, У нас не получится... Ибо отдельный блок(с товаром) мы оставить отдельно белым не можем, а когда делаешь все прозрачным, это выглядит не очень хорошо..

Добавлено через 1 минуту
Taatshi, За прозрачность под шапкой отвечает row, а когда делаем его прозрачным, то прозрачным становится весь сайт...

Добавлено через 2 минуты
Taatshi, зайдите на сайт, посмотрите как выглядит когда все прозрачное :С

@Taatshi · 25.01.2014, 11:50

У меня получилось

@VitaliyK · 25.01.2014, 11:54 **[ТС]**

Taatshi, Добавьте меня в icq, я вас добавил, мой id 472139

Добавлено через 54 секунды
Taatshi, А у меня почему то, так не получается.....

@Taatshi · 25.01.2014, 11:54

CSS
1
2
.content, .page-header {background-color: transparent!important;}
.row {background-color: whitesmoke;}

@VitaliyK · 25.01.2014, 11:55 **[ТС]**

Taatshi, Скиньте тогда пожалуйста, полный код страницы...

Добавлено через 44 секунды
Taatshi, ОГРОМНОЕ СПАСИБО, получилось :3

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@maximus2011 269 / 261 / 35 Регистрация: 21.02.2012 Сообщений: 1,078
	25.01.2014, 09:20
	ну так а если этому page-header и прописать фон ваш png? нет? 0

@VitaliyK 0 / 0 / 0 Регистрация: 25.01.2014 Сообщений: 10
	25.01.2014, 10:08 [ТС]
	maximus2011, Подскажи как, я не разбираюсь в ксс.. 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	25.01.2014, 10:37
	VitaliyK, значит, у кого-то еще ниже тоже белый фон) Ройте дальше. 1

@VitaliyK 0 / 0 / 0 Регистрация: 25.01.2014 Сообщений: 10
	25.01.2014, 10:42 [ТС]
	maximus2011, Taatshi, none я убрал, просто забыл удалить когда копировал сюда, сделал все как ты написал не помогло, вот что выходит... Добавлено через 42 секунды Taatshi, Так ниже идет фон сайта, т.к. картинка.. куда еще ниже? 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	25.01.2014, 10:48
	VitaliyK, дайте ссылку на сайт И нарисуйте как хотите чтобы было. Я что-то перестаю Вас понимать. Добавлено через 1 минуту Все, поняла. Вам нужно вынести шапку за контейнер с остальной частью сайта. Вы не сможете сделать прозрачный фон для ЧАСТИ контейнера. Дайте полный код html и css 1

@VitaliyK 0 / 0 / 0 Регистрация: 25.01.2014 Сообщений: 10
	25.01.2014, 10:50 [ТС]
	Taatshi, Можно ваш скайп или что либо, я обьясню в чем соль, и дам сайт... 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	25.01.2014, 10:55
	VitaliyK, нельзя - все вопросы решаем на форуме 1

@VitaliyK 0 / 0 / 0 Регистрация: 25.01.2014 Сообщений: 10
	25.01.2014, 10:58 [ТС]
	Taatshi, Ладно, сайт http://vitaliyk.rentshop.org/ (Не реклама) Суть в том что, магазин арендуется, и полностью css и html я менять не могу.. Единственное место где я могу вносить данные это "Поле для скриптов(данные пойдут после </body>)" 0

@VitaliyK 0 / 0 / 0 Регистрация: 25.01.2014 Сообщений: 10
	25.01.2014, 11:06 [ТС]
	Taatshi, Почему, ведь можно поверх старого css, новые коды ставить... Т.е. можно ведь как то фон прозрачным для всей страницы сделать..... 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	25.01.2014, 11:14
	VitaliyK, попробуйте .content и .page-header бэк задаем transparent .row бэк задаем white 1

@VitaliyK 0 / 0 / 0 Регистрация: 25.01.2014 Сообщений: 10
	25.01.2014, 11:23 [ТС]
	Не могли бы вы написать код, а я уж подстрою куда надо :3 Я не силен в ксс :С Добавлено через 6 минут Taatshi, Вроде сделал, не помогло :С Ладно что уж.. Не получится так не получится :С 0

@VitaliyK 0 / 0 / 0 Регистрация: 25.01.2014 Сообщений: 10
	25.01.2014, 11:46 [ТС]
	Taatshi, У нас не получится... Ибо отдельный блок(с товаром) мы оставить отдельно белым не можем, а когда делаешь все прозрачным, это выглядит не очень хорошо.. Добавлено через 1 минуту Taatshi, За прозрачность под шапкой отвечает row, а когда делаем его прозрачным, то прозрачным становится весь сайт... Добавлено через 2 минуты Taatshi, зайдите на сайт, посмотрите как выглядит когда все прозрачное :С 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	25.01.2014, 11:50
	У меня получилось 1

@VitaliyK 0 / 0 / 0 Регистрация: 25.01.2014 Сообщений: 10
	25.01.2014, 11:54 [ТС]
	Taatshi, Добавьте меня в icq, я вас добавил, мой id 472139 Добавлено через 54 секунды Taatshi, А у меня почему то, так не получается..... 0

@VitaliyK 0 / 0 / 0 Регистрация: 25.01.2014 Сообщений: 10
	25.01.2014, 11:55 [ТС]
	Taatshi, Скиньте тогда пожалуйста, полный код страницы... Добавлено через 44 секунды Taatshi, ОГРОМНОЕ СПАСИБО, получилось :3 0