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

@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 - творит чудеса... Благодарю! (сам знал, но тормознул)))

Новые блоги и статьи Все статьи Все блоги /
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .

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

	Прозрачный фон 11.08.2008, 19:00. Показов 27778. Ответов 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