прозрачный фон 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"> Class 2 inc Private </font></td>
<td bgcolor="#009900"><font color="#FFFFFF" align="right"> A$ 4.95 </font></td>
</tr>
<tr>
<td bgcolor="#009900"><font color="#FFFFFF" align="left"> Class 2 inc Commercial </font></td>
<td bgcolor="#009900"><font color="#FFFFFF" align="right"> A$ 13.95 </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% прозрачный. Я хотел бы благодарить всех за их справку здесь.
3 ответа
Я не уверен, имеет ли ваше требование смысл. Просто придайте фону желаемый цвет.
div.transbg { background-color: #92a7c3; }
Прозрачность интересна только для фоновых изображений или наложенных фонов, что, похоже, не применимо в вашем конкретном случае.
Я предлагаю использовать rgba вместо opacity, таким образом:
.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, это См. также http://css-tricks.com/rgba-browser-support/ Я думаю, вы ищете это, и, возможно, это http://css-tricks.com/rgba-browser-support/ или класс rightc для текста справа.
.transbg {
background-color:#4a6c9b;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
Похожие вопросы: