На самом деле можно использовать проценты для определения размеров радиального градиента в функции `radial-gradient()`. Проценты могут быть использованы для определения размера круглого или эллиптического градиента, а также для указания положения его центра.
Пример CSS с радиальным градиентом, использующим проценты:
```css
.element {
background-image: radial-gradient(circle 20% at 50% 50%, red, blue);
}
```
В этом примере:
- `circle 20%` определяет, что размер градиента будет круглым, с радиусом равным 20% от размеров элемента.
- `at 50% 50%` указывает, что центр градиента будет располагаться посередине элемента.
Если такой фон не работает, возможно, проблема кроется не в использовании процентов в `radial-gradient()`, а в других факторах, таких как следующие:
1. Поддержка браузера: Убедитесь, что используемый вами браузер поддерживает CSS3 радиальные градиенты. Все современные браузеры поддерживают `radial-gradient()`, но если вы тестируете в устаревшем браузере, это может быть проблемой.
2. Переписывание другими свойствами: Проверьте, нет ли других CSS правил, которые могут переписывать свойство `background-image` у этого элемента.
3. Ошибки в CSS: Проверьте код на наличие синтаксических ошибок. Например, случайно упущенная запятая или неправильное использование CSS может привести к тому, что стиль будет игнорироваться браузером.
4. Конфликт со значением background: Если вы также используете свойство `background` в том же правиле CSS, это могло бы переопределить `background-image`.
5. Контекст использования: Убедитесь, что размеры элемента таковы, что 20%-ный радиус значим и видим в этом контексте.
Если ни одна из этих проблем не объясняет, почему фон не работает, вам может потребоваться более детально исследовать конкретный CSS и контекст его использования.