# Вопрос по дизайну: Изменить размеры радиального фона форума
**URL:** https://meta.discourse.org/t/design-question-change-forum-radial-background-dimensions/143323
**Category:** Support
**Created:** [04.Март.2020 17:38:18 UTC](https://meta.discourse.org/t/design-question-change-forum-radial-background-dimensions/143323 "2020-03-04T17:38:18Z")
**Posts on this page:** 5
**Page:** 1
### Author:  [@jord8on](https://meta.discourse.org/u/jord8on)
#### Post date: [04.Март.2020 17:38:18 UTC](https://meta.discourse.org/t/design-question-change-forum-radial-background-dimensions/143323/1 "2020-03-04T17:38:18Z")
У меня есть дополнительный вопрос к этому посту: [Create background gradient overlay on page, making the discussion area white](https://meta.discourse.org/t/create-background-gradient-overlay-on-page-making-the-discussion-area-white/135879)
Обратите внимание, что в нижней части форума на мобильных устройствах фон конкурирует с блоком «Предлагаемые темы».
Что если я хочу увеличить непрозрачность градиента по мере продвижения к низу страницы (по оси Y), оставив верх без изменений? Мой текущий код выглядит так…
```
body {
background: radial-gradient(circle at center, rgba(255,255,255,1) 50%, rgba(255,255,255,0)) fixed, url(https://forums.pickleballist.com/uploads/default/original/1X/e7792afe9a5b7fbd26141c3c21e82b70cd495069.svg) center top / 300px auto ;
background-attachment: fixed;
}
```
Вот как выглядит фон, создаваемый этим кодом на сообществе:
На рабочем столе фон не слишком сильно мешает блоку «Предлагаемые темы», но на мобильных устройствах он кажется немного слишком плотным.
Снова хочу сделать его более непрозрачным в нижней части по оси Y. Есть ли способ доработать мой код?
---
### Author:  [@jord8on](https://meta.discourse.org/u/jord8on)
#### Post date: [04.Март.2020 18:03:37 UTC](https://meta.discourse.org/t/design-question-change-forum-radial-background-dimensions/143323/2 "2020-03-04T18:03:37Z")
Думаю, я нашел небольшой хак. Возможно, это не лучшее решение, но оно точно делает то, что мне нужно, поэтому я запишу его здесь. Надеюсь, если это плохое решение, кто-нибудь вмешается!
CSS по умолчанию для области «Предлагаемые темы» в нижней части экрана выглядит так:
```
.suggested-topics {
clear: left;
padding: 20px 0 15px 0;
}
```
Поэтому я добавил следующее в свой пользовательский CSS (я не трогал свойство «clear: left»)…
```
.suggested-topics {
padding: 20px;
background: rgba(255, 255, 255, 0.6);
}
```
Это сработало довольно хорошо!
Вот сравнение до и после на мобильном устройстве:
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [04.Март.2020 18:07:34 UTC](https://meta.discourse.org/t/design-question-change-forum-radial-background-dimensions/143323/3 "2020-03-04T18:07:34Z")
Ах да, я забыл, что `background-attachment: fixed` не работает на iOS… Они отключили эту функцию, потому что, apparently, это приводит к перерисовке всего экрана при прокрутке, что плохо сказывается на производительности.
Есть обходные пути…
> **пример CSS**
>
> ```css
> body.mobile-view {
> background: none;
> }
>
> body.mobile-view:after {
> content:"";
> position:fixed;
> left:0;
> top:0;
> right:0;
> bottom:0;
> z-index:-1;
> display:block;
> background: radial-gradient(circle at center, rgba(255,255,255,1) 50%, rgba(255,255,255,0)) fixed, url(https://forums.pickleballist.com/uploads/default/original/1X/e7792afe9a5b7fbd26141c3c21e82b70cd495069.svg) center top / 300px auto;
> background-size:cover;
> }
>
> ```
…хотя, даже если они включат эту функциональность, проблемы с производительностью всё равно останутся, так что, возможно, стоит попробовать совершенно другой подход к фону для мобильных устройств, если вас не устраивает текущий вариант.
---
### Author:  [@jord8on](https://meta.discourse.org/u/jord8on)
#### Post date: [04.Март.2020 19:01:02 UTC](https://meta.discourse.org/t/design-question-change-forum-radial-background-dimensions/143323/4 "2020-03-04T19:01:02Z")
Блестяще! Спасибо @awesomerobot! Всегда ценим ваши безумные навыки в дизайне!
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [03.Апрель.2020 19:01:28 UTC](https://meta.discourse.org/t/design-question-change-forum-radial-background-dimensions/143323/5 "2020-04-03T19:01:28Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.