Прозрачный фон

@Iskorka · Регистрация: 11.08.2008

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

Реально ли сделать прозрачный фон у формы (<select..>) в html, может как то с помощью стилей..?

@J.Smith · 11.08.2008, 19:38

А bgcolor странички однородный? Если да, то можно задать цвет select'a так:

HTML5
1
 <select style="background:цвет">

На счет прозрачности цвета не знаю, Гугл молчит. Если найду -- напишу.

@Iskorka · 11.08.2008, 19:44 **[ТС]**

Нет, форма находится в таблице, в которой есть фон-изображение. Можно было бы вырезать фрагмент этого изображения и вставить в форму, Но )))) фон в зависимости от окна будет менять ширину и получится не точно...

@FlyDeR · 14.08.2008, 06:36

попробуй background : none;

либо свой select из прозрачных div-ов на js забабахать

@Iskorka · 14.08.2008, 16:32 **[ТС]**

c js я не знакома..

а если делать "background : none;" , то фон просто белый...

@J.Smith · 14.08.2008, 17:43

либо свой select из прозрачных div-ов на js забабахать

Да, до токого варианта я не додумался

c js я не знакома..

Если честно, я тоже не очень. Поэтому использовал лишь CSS и нижеследующее не работает в ИЕ. У меня получилось примерно так:

CSS файл:

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
#nav, #nav ul {
  list-style: none;
 }
#nav li {
  float: left;
  position: relative;
  background: #515151;
  back\ground: none;
}
#nav li ul {
  display: none;
}
#nav a {
  color: #fff;
  text-decoration: none;
  display: block;
  width: 120px;
}
#nav a:hover {
  color: #000;
  background: #ccc;
}
#nav li ul {
  display: none;
  position: absolute;
  background: url(fone-tr.png);
  padding:  0;
  width: 138px;
}
 
#nav li:hover ul {
  display: block;
}

и сам список:

HTML5
1
2
3
4
5
6
7
8
9
<ul id="nav">
  <li><a href="#null">Выберите пункт</a>
    <ul>
      <li><a href="#null">Пункт 1</a></li>
      <li><a href="#null">Пункт 2</a></li>
      <li><a href="#null">Пункт 3</a></li>
    </ul>
  </li>
</ul>

Плюс в заголовке надо подключить CSS файл:

HTML5
1
<LINK rel="STYLESHEET" TYPE="text/css" HREF="styles.css">

Как говорил выше, я не смог заставить работать это в е$%&ом Internet Explorer. Может кто-нибудь нормально знает JavaScript и подскажет, как побороть этот долбаный браузер?

@Vanstorm · 27.08.2008, 11:28

Я писал такое!5555.htm - рабочий пример.

@woicet · 26.04.2010, 18:31

<select style="background:transparent">
попробуй

@lbkzhf · 05.08.2010, 16:47

парниииии, спасибо! J.Smith- отдельная благодарность)) и Iskorka за открытие темы)

@Еремей · 05.08.2010, 17:26

CSS
1
select{background-color: transparent;}

Vovan-VE · 05.08.2010, 17:27

Сообщение от Еремей

transpert;

transparent;

@Еремей · 05.08.2010, 17:40

Vovan-VE, да, я поправил О_о

@vvelkom · 25.09.2011, 11:27

Надеюсь, тема еще не закрыта...
С прозрачным фоном, благодаря вам, разобрался...
А что насчет ПОЛУПРОЗРАЧНОГО?
Как задать основной цвет и степень прозрачности?

Vovan-VE · 25.09.2011, 16:11

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

А что насчет ПОЛУПРОЗРАЧНОГО?

CSS
1
background-color: rgba(255, 128, 0, 0.3);

Не работает в IE7. Насчет IE8 не припомню.

Либо в PNG рисуете небольшой кусок фона нужного цвта с нужной полупрозрачностью и ставите его в фон.

@vvelkom · 26.09.2011, 11:09

Сообщение от Vovan-VE

Либо в PNG рисуете небольшой кусок фона нужного цвта с нужной полупрозрачностью и ставите его в фон.

Справился)))
Можете глянуть: http://intcrossway.com/
На всякий случай, когда зайдете, обновите страницу (пару дней, не знаю почему, будет выскакивать "старая версия")

Vovan-VE · 26.09.2011, 18:10

Не по теме:

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

ару дней, не знаю почему, будет выскакивать "старая версия"

Ctrl+F5 или очистить кеш в браузере.

@vvelkom · 26.09.2011, 19:50

Ctrl + F5 - творит чудеса... Благодарю! (сам знал, но тормознул)))

Новые блоги и статьи Все статьи Все блоги /
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

@Iskorka 0 / 0 / 0 Регистрация: 11.08.2008 Сообщений: 7

	Прозрачный фон 11.08.2008, 19:00. Показов 27692. Ответов 16 Метки нет (Все метки) Реально ли сделать прозрачный фон у формы (<select..>) в html, может как то с помощью стилей..? 0

@Iskorka 0 / 0 / 0 Регистрация: 11.08.2008 Сообщений: 7
	11.08.2008, 19:44 [ТС]
	Нет, форма находится в таблице, в которой есть фон-изображение. Можно было бы вырезать фрагмент этого изображения и вставить в форму, Но )))) фон в зависимости от окна будет менять ширину и получится не точно... 0

@FlyDeR 3 / 3 / 0 Регистрация: 07.08.2008 Сообщений: 32
	14.08.2008, 06:36
	попробуй background : none; либо свой select из прозрачных div-ов на js забабахать 0

@Iskorka 0 / 0 / 0 Регистрация: 11.08.2008 Сообщений: 7
	14.08.2008, 16:32 [ТС]
	c js я не знакома.. а если делать "background : none;" , то фон просто белый... 0

@woicet 0 / 0 / 0 Регистрация: 07.04.2015 Сообщений: 2
	26.04.2010, 18:31
	<select style="background:transparent"> попробуй 0

@lbkzhf 0 / 0 / 0 Регистрация: 30.07.2010 Сообщений: 3
	05.08.2010, 16:47
	парниииии, спасибо! J.Smith- отдельная благодарность)) и Iskorka за открытие темы) 0

@Еремей 12 / 12 / 0 Регистрация: 04.08.2010 Сообщений: 51
	05.08.2010, 17:40
	Vovan-VE, да, я поправил О_о 0

@vvelkom 0 / 0 / 0 Регистрация: 25.09.2011 Сообщений: 29
	25.09.2011, 11:27
	Надеюсь, тема еще не закрыта... С прозрачным фоном, благодаря вам, разобрался... А что насчет ПОЛУПРОЗРАЧНОГО? Как задать основной цвет и степень прозрачности? 0

@vvelkom 0 / 0 / 0 Регистрация: 25.09.2011 Сообщений: 29
	26.09.2011, 19:50
	Ctrl + F5 - творит чудеса... Благодарю! (сам знал, но тормознул))) 0