HTML прозрачный фон - PullRequest
Новая
       8

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

6 голосов
/ 02 мая 2010

Я хочу создать веб-страницу с прозрачным фоном, таблицей и текстом. Я видел сообщения, связанные с этим, но из-за моего незнания 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. Я хотел придать webview прозрачный вид, чего можно добиться, установив альфа для самого webview в конструкторе интерфейсов. Как бы то ни было, сделайте весь мой веб-браузер прозрачным на 50%. Я хотел бы поблагодарить всех за помощь здесь.

Ответы [ 4 ]

3 голосов
/ 02 мая 2010

Я полагаю, вы ищете это, 

.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 /

3 голосов
/ 02 мая 2010

Я предлагаю использовать 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 class="leftc"> или класс rightc для текста справа.

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

2 голосов
/ 11 июля 2012

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

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

<body bgcolor=transparent>

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

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

0 голосов
/ 02 мая 2010

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

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

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

...