Проблема с непрозрачностью CSS SVG для iOS
Я только что создал веб-сайт, и для определенной оболочки я использую
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:rgba(248,0,0,0.63)' /%3E%3C/svg%3E");
теперь эффект непрозрачности отлично работает на рабочем столе и в браузере Android.
Однако для iOS (как iphone, так и ipad) цвет становится сплошным.
Что удаляет весь эффект, разработанный для сайта.
Спасибо за любой вклад :)
Ответы 2
Я не уверен, что вы сделали разметку. Однако, если это сработает, возможно, что-то подобное может сработать для непрозрачности.
polygon points='0,100 100,0 100,100' style='fill:rgba(248,0,0,0.63)'
изменить на
polygon points='0,100 100,0 100,100' fill='rgb(240,0,0)' fill-opacity='0.63'
просто применил его к коду, и проблема все еще остается
Попробуй добавить
visibility: visible;
к элементу.
Ответ я нашел здесь: http://www.punkchip.com/css-opacity-not-working-in-ios/
а когда вы используете fill = 'rgb (240,0,0)'?