Я дуже новачок у HTML / CSS і намагаюся відображати текст як 50% прозорий. Поки що у мене є HTML для відображення тексту з повною непрозорістю
<html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html>Однак я не впевнений, як змінити його непрозорість. Я намагався шукати в Інтернеті, але не впевнений, що саме робити з кодом, який я знаходжу.
Відповіді:
opacityстосується всього елемента, тому якщо у вас на цьому елементі є фони, межі або інші ефекти, вони також стануть прозорими. Якщо ви тільки хочете, щоб текст був прозорим, використання rgba.
#foo {
color: #000; /* Fallback for older browsers */
color: rgba(0, 0, 0, 0.5);
font-size: 16pt;
font-family: Arial, sans-serif;
}Крім того, керуйте далеко, далеко від <font>. Зараз у нас є CSS для цього.
rgba.
Перевірте непрозорість , Ви можете встановити цю властивість css на діл, <p>або використовуючи, <span>щоб зробити прозорим
І до речі, тег шрифту застарілий , використовуйте css для стилювання тексту
div {
opacity: 0.5;
} Редагувати: Цей код зробить весь елемент прозорим, якщо ви хочете зробити ** просто текст ** прозорим галочку @Mattias Buelens відповідь
Просто використовуйте rgbaтег як колір тексту. Ви можете використовувати opacity, але це вплине на весь елемент, а не лише на текст. Скажімо, у вас є кордон, це також зробить прозорим.
.text
{
font-family: Garamond, serif;
font-size: 12px;
color: rgba(0, 0, 0, 0.5);
}Ваше найкраще рішення - подивитися тег "непрозорість" елемента.
Наприклад:
.image
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}Тож у вашому випадку це має виглядати приблизно так:
<html><span style="opacity: 0.5;"><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html>Однак не забувайте, що тег не підтримується в HTML5.
Ви також повинні використовувати CSS :)
Що з opacityатрибутом css ? 0до 1значень.
Але тоді вам, ймовірно, потрібно використовувати більш явний елемент dom, ніж "шрифт". Наприклад:
<html><body><span style=\"opacity: 0.5;\"><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></span></body></html>В якості додаткової інформації я, звичайно, пропоную вам використовувати декларації CSS за межами елементів html, але також спробуйте використовувати стиль css шрифту замість тегу html шрифту.
Для генератора перехресних веб-переглядачів css3 перегляньте http://css3please.com/
Легко! після вашого:
<font color=\"black\" face=\"arial\" size=\"4\">додати це:
<font style="opacity:.6"> вам просто потрібно змінити ".6" на десятковий номер між 1 і 0
Не існує такого властивості CSS, як фон-непрозорість, який можна використовувати лише для зміни непрозорості або прозорості фону елемента, не впливаючи на дочірні елементи, з іншого боку, якщо ви спробуєте використовувати властивість непрозорості CSS, це не лише змінить зміни непрозорість фону, але також змінює непрозорість усіх дочірніх елементів. У такій ситуації ви можете використовувати колір RGBA, введений у CSS3, що включає прозорість альфа як частину значення кольору. За допомогою кольору RGBA можна встановити колір фону, а також його прозорість.
спробуйте пограти з mix-blend-mode: multiply;
color: white;
background: black;
mix-blend-mode: multiply;