Непрозрачность в веб-страницах?
ОБНОВЛЕНИЕ: ах да, проблема только в устройстве ios, вам нужно либо использовать пользовательский канал, либо преобразовать дату в объект даты. Вы можете использовать момент, но вот пользовательский канал
<span>{{race.race_date | dateTimeFormatFilter : "MMM DD, YYYY"}}</span>
@Pipe({name: "dateTimeFormatFilter"})
@Injectable()
export class DateTimeFormatPipe implements PipeTransform {
transform(date: any, format: string): any {
if (date) {
return moment(date).format(format);
}
}
}
5 ответов
Вы можете сделать это в CSS, но это требует небольшого взлома, чтобы заставить его работать в разных браузерах.
selector {
filter: alpha(opacity=50); /* internet explorer */
opacity: 0.5; /* fx, safari, opera, chrome */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /*IE8*/
}
IE использует синтаксис filter: alpha (opacity = 80), где меньшее значение делает элемент более прозрачным, тогда как Mozilla использует -moz-opacity: 0.8, где меньшее значение имеет тот же эффект. о прозрачности. То же самое и с допустимым синтаксисом CSS3 opacity: 0.8;
Итак, это три свойства CSS, которые вам нужны.
filter: alpha (opacity = 80); // IE
непрозрачность: 0.8; //CSS3
-moz-opacity:0.8; // Mozilla
Непрозрачность может быть указана в CSS, но она поддерживается не всеми браузерами (особенно старыми IE)
Вы также можете создать 32-битное изображение PNG размером 1x1 пиксель, которое, например, представляет собой черный квадрат с требуемой прозрачностью. Затем в вашем css вы можете сделать ...
element
{
background: url(/Images/Transparent.png) repeat;
}
Таким образом, вы сможете избежать различных взломов. У вас могут быть проблемы с альфа-прозрачностью в IE6, но есть способы обойти это
Это можно сделать обоими способами, я предпочитаю альфа-прозрачный файл png в качестве фона. Выполнение альфа-версии таблицы также делает полупрозрачным фактическое содержимое. См. Другие ответы для значений css.