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

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

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

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

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