1. дома
  2. Вопрос и ответ
  3. html transparent background

html transparent background

2010-05-02 2 views
6

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

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

Update

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

источник

2010-05-02 user315067

+3

PS : '' и '

' устарели с 1998 года (!!!).Пожалуйста, бросьте этот урожайный учебник/книгу HTML, в которой вы используете, и заходите в прошлое. – BalusC

+0

Да, в наши дни форматирование должно выполняться в CSS. Представьте себе, что все ваши атрибуты, такие как '' и 'bgcolor', выполняются в одном месте. Таким образом, вам нужно использовать атрибут class для определения стиля. –

ответ

0

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

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

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

источник

2010-05-02 04:10:40 BalusC

3

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

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

источник

2010-05-02 04:11:53 user295292

+0

Его проблема была в том, что «все» становится прозрачным, а не то, что в IE не работает. <8 or the > 2-х летние браузерные движки Gecko/KDE. – BalusC

+0

отредактирован до вашего комментария =) – user295292

+0

Я читаю: * «пока этот код делает все прозрачным» *. Таким образом, прозрачность работает отлично. Это не то, чего он ожидал. – BalusC

3

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

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

источник

2010-05-02 04:17:31

2

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

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

<body bgcolor=transparent>

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

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

источник

2012-07-11 03:09:56

+0

Отличная работа для меня. +1 –

Смежные вопросы

 Смежные вопросы