HTML прозрачный фон

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

<html>
<head><style type="text/css">
  div.transbg {background-color:#4a6c9b; opacity:0.6;}
</style></head>
<div class="transbg">
<body><Center><font color="#FFFFFF">
  <b>Toll Charges</b>
  <table bgcolor="#000000" cellspacing=3>
    <tr>
      <td bgcolor="#009900"><font color="#FFFFFF" align="left"> &nbsp; &nbsp;Class 2 inc Private&nbsp;</font></td>
      <td bgcolor="#009900"><font color="#FFFFFF" align="right"> &nbsp;A$ 4.95 &nbsp;</font></td>
    </tr>
    <tr>
      <td bgcolor="#009900"><font color="#FFFFFF" align="left"> &nbsp; &nbsp;Class 2 inc Commercial&nbsp;</font></td>
      <td bgcolor="#009900"><font color="#FFFFFF" align="right"> &nbsp;A$ 13.95 &nbsp;</font></td>
      </tr>
    </table>
    <br>
    Toll has to be paid within 48 hrs of passage, else an additional A$ 13.95 of administration charges would be added
    </font></Center>
</div>
</body>
</html>

Обновить

Большое спасибо за все ответы люди. На данный момент я решил проблему другим способом. На самом деле, я пишу приложение для iPhone, которое использует Webview для отображения HTML. Я хотел придать веб-просмотру прозрачный вид, чего можно добиться, установив альфу для самого веб-просмотра в конструкторе интерфейсов. Это как бы говорит, сделать весь мой веб-браузер на 50% прозрачным. Я хотел бы поблагодарить всех за помощь здесь.


html css background transparent
person user315067    schedule 02.05.2010    source источник
comment
P.S: <font> и <center> устарели с 1998 года(!!!). Пожалуйста, выбросьте этот старинный учебник/книгу по HTML, который вы используете, и найдите новый.   -  person BalusC    schedule 02.05.2010
comment
Да, в наши дни форматирование должно выполняться в CSS. Просто представьте, что все ваши атрибуты, такие как <font> и bgcolor, выполняются в одном месте. Таким образом, вам нужно только использовать атрибут class для определения стиля.   -  person Jonno_FTW    schedule 02.05.2010

Ответы (4)


arrow_upward
3
arrow_downward

Я предлагаю использовать rgba вместо непрозрачности, таким образом:

.transbg {background: rgba(red,green,blue,opacity);}

Вы также можете поместить остальную часть своего форматирования в CSS следующим образом:

body {background-color:#000;
      color:#fff;}
td {background-color: #090;
    color:#fff;}
.leftc {text-align:left;}
.rightc {text-align:right;}
table {borderspacing: 3;}

Теперь вы можете удалить теги шрифта и атрибуты td. Все, что вам нужно для td, это <td class="leftc"> или класс rightc для текста справа.

См. также http://css-tricks.com/rgba-browser-support/

person Jonno_FTW    schedule 02.05.2010

arrow_upward
3
arrow_downward

Я верю, что вы ищете это,

.transbg {
    background-color:#4a6c9b;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}

и, возможно, это http://css-tricks.com/rgba-browser-support/

person user295292    schedule 02.05.2010
comment
Его проблема заключалась скорее в том, что все становится прозрачным, а не в том, что это не работает в IE‹8 или двухлетних браузерных движках Gecko/KDE. - person BalusC; 02.05.2010
comment
Я повторяю: пока этот код делает все прозрачным. Таким образом, прозрачность работает отлично. Это только не то, что он ожидал. - person BalusC; 02.05.2010

arrow_upward
2
arrow_downward

Недавно я обнаружил, что хочу создать тело HTML с прозрачным фоном. (HTML — это локализованная информационная страница с инструкциями для приложения, и в нем будет отображаться «браузер», который на самом деле является просто представлением Webkit в другом наборе представлений. Представление Webkit находится поверх изображения в иерархии представлений. фон веб-страницы прозрачен, отображается изображение из представления позади представления Webkit.)

Для этого просто закодируйте HTML следующим образом вместе с любыми другими атрибутами/стилями/и т. д.:

<body bgcolor=transparent>

Другими словами, используйте ключевое слово "прозрачный" без кавычек, и вы получите альфа-канал, равный 0, и, таким образом, прозрачный фон, через который будет видно все, что позади.

(Предостережение: в реализации представления Webkit, которая у меня есть, я также должен сделать цвет фона Webkit прозрачным в настройках моего пользовательского интерфейса. То есть оба должны быть на месте, чтобы это работало так, как у меня есть.)

person john.k.doe    schedule 11.07.2012
comment
только что наткнулся на это во время просмотра, и я знаю, что это старый вопрос, но bgcolor устарел и не должен использоваться - caniuse. com/#search=bgcolor - person Craicerjack; 22.11.2019

arrow_upward
0
arrow_downward

Я не уверен, что ваше требование имеет смысл. Просто придайте фону желаемый цвет.

div.transbg { background-color: #92a7c3; }

Прозрачность интересна только для фоновых изображений или наложенных фонов, что, похоже, не применимо в вашем конкретном случае.

person BalusC    schedule 02.05.2010