#css #google-chrome #google-chrome-devtools
#css #google-chrome #google-chrome-devtools
Вопрос:
Раньше я конвертировал #1c1959db в стандартный rgba (255,0,0,0.3), но теперь он преобразуется в какой-то нераспознанный формат rgb (28 25 89 / 86 %). пожалуйста, укажите, как это исправить в Chrome dev tools
Ответ №1:
но теперь он преобразуется в какой-то нераспознанный формат rgb (28 25 89 / 86 %).
Это новый формат, определенный в спецификации
rgb() = rgb( <percentage>{3} [ / <alpha-value> ]? ) |
rgb( <number>{3} [ / <alpha-value> ]? )
<alpha-value> = <number> | <percentage>
Вы должны привыкнуть к этому сейчас, но вы можете легко конвертировать в старый формат, как показано ниже:
rgb(28 25 89 / 86%) ---> rgba(28,25,89,0.86)
Все, что вам нужно сделать, это добавить разделение запятой и преобразовать процент альфа-канала в число между 0
и 1
Комментарии:
1. Есть ли какой-либо способ принудительно использовать
rgba(28,25,89,0.86)
вместо `rgb(28 25 89 / 86 %)` формат? Мне неудобно конвертировать его вручную, когда я копирую из браузера в редактор кода, который поддерживает только rgba.2. @TemaniAfif В ближайшее время? IE 9 вышел 10 лет назад, и есть огромное количество разработчиков, которые все еще хотят поддерживать этот браузер. Этот новый формат RGB не работает в версиях браузера, выпущенных всего 3 года назад. Исходя из этого, я вижу людей, использующих старый формат RGB / RGBA, по крайней мере, в течение следующих 7 лет, просто для поддержки этих версий браузера от 2018/2019. Chrome не должен навязывать мне, как разработчику, что-то, что все еще является относительно новым. У меня должна быть возможность поддерживать старые браузеры, если я захочу.
3. @TemaniAfif Мне приходится регулярно бороться с Chrome, потому что он автоматически пытается преобразовать мой старый синтаксис в новый. Он, очевидно, распознает, какой синтаксис я использую, но все еще пытается принудительно скормить мне новый. Это расстраивает. Разработчики Chrome приняли несколько ужасных решений в прошлом, и это еще одно.