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

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

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

Реально ли сделать прозрачный фон у формы (<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 файл:

Код

#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

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

@Iskorka 0 / 0 / 0 Регистрация: 11.08.2008 Сообщений: 7
		1
	Прозрачный фон 11.08.2008, 19:00. Показов 26774. Ответов 16 Метки нет (Все метки) Реально ли сделать прозрачный фон у формы (<select..>) в html, может как то с помощью стилей..? 0

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

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

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

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

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

Vovan-VE 13208 / 6596 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	05.08.2010, 17:27	11
	Сообщение от Еремей transpert; transparent; 0

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

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

@vvelkom 0 / 0 / 0 Регистрация: 25.09.2011 Сообщений: 29
	26.09.2011, 11:09	15
	Сообщение от Vovan-VE Либо в PNG рисуете небольшой кусок фона нужного цвта с нужной полупрозрачностью и ставите его в фон. Справился))) Можете глянуть: http://intcrossway.com/ На всякий случай, когда зайдете, обновите страницу (пару дней, не знаю почему, будет выскакивать "старая версия") 0

	26.09.2011, 19:50

Vovan-VE
	26.09.2011, 18:10 #16
	Не по теме: Сообщение от vvelkom ару дней, не знаю почему, будет выскакивать "старая версия" Ctrl+F5 или очистить кеш в браузере. 0