Как в css задать прозрачность фона: CSS: прозрачность фона и картинки

CSS для прозрачности фона диаграммы — Qlik Community

Все сообществоЭта категорияЭта доскаБаза знанийПользователиПродукты Отмена

Отображение результатов для 

Вместо поиска 

Возможно, вы имели в виду: 

‎2021-04-05 06:19

CSS для прозрачности фона диаграммы

Здравствуйте, команда,

Я хочу сделать фон диаграммы прозрачным с помощью CSS в объекте с несколькими kpi. Может ли кто-нибудь помочь, если есть такое имущество? Я пробовал с «Непрозрачностью», но он делает всю диаграмму прозрачной, а точки данных также затемняются.

Спасибо.

Этикетки (2)

Этикетки

  • CSS

  • Набор инструментов разработчика

7 ответов

‎2021-04-12 05:11

Автор

Пока что это невозможно. Или может у кого есть хитрость?

‎2021-04-12 06:58

Здравствуйте, не могли бы вы поделиться фрагментом кода, который вы пробовали? Таким образом, я могу, возможно, попытаться просмотреть его. Спасибо!

Помогите пользователям найти ответы! Не забудьте отметить правильное разрешение 🙂

‎2021-04-12 09:09

Здравствуйте, может быть, вы можете попробовать сделать его прозрачным, а не пустым?

https://stackoverflow.com/questions/8739665/is-background-colornone-valid-css

Вы также можете попробовать установить любой цвет, а затем, возможно, попытаться установить непрозрачность на 0?

Я также делюсь инструментами, которые могут оказаться полезными для разработки пользовательских тем в Qlik Sense, они довольно простые, но, возможно, могут чем-то помочь: https://sensetheme.com/edit

Спасибо 😊

Помогите пользователям найти ответы! Не забудьте отметить правильное разрешение 🙂

‎2021-04-13 02:47

Автор

Большое спасибо, @Patricia_Silva. Ваш пост с направлением был своего рода повторением попыток для меня. Сначала я работал с Ver Nov 2020 (SR 5) в серверной среде; и казалось, что ничего не работает для этого варианта фона для диаграмм. С вашим акцентом я вернулся к своей десктопной версии ( Nov 2020 SR2 ), — с удивлением увидел, что это сработало. Я попытался скопировать и вставить один и тот же код, чтобы избежать каких-либо ошибок; но нет — не работало в моей серверной версии (SR 5). Затем я попробовал еще кое-что и получил следующий результат:

— я скопировал приложение для настольного компьютера на сервер (SR2 -> SR5) — сработало

— я скопировал настольное приложение на сервер (SR2 -> SR5) и перезагрузил его с помощью новые данные — сработало

— создало новое приложение в SR5 и попробовало тот же CSS — не сработало

Обновление: 

Ооо… Нет, есть еще одна загвоздка! Похоже, что приложение, над которым я работал на рабочем столе (SR2), на самом деле было импортировано из какой-то более ранней версии. Итак, вот некоторые новые выводы:

— Если создать новое приложение в SR2 — оно не работает

— Если я уберу CSS, отвечающий за прозрачность в SR2, SR5 (где оно работало) — ОНО ВСЕ ЕЩЕ останется прозрачный. 🤔😪 …

Это правда, что я мало занимался CSS или HTML — так что я мог упустить что-то очевидное.

Файл предварительного просмотра

84 КБ

Файл предварительного просмотра

70 КБ

‎2021-04-19 07:33

Автор

Привет, @Patricia_Silva, у тебя была возможность изучить это?

Chotana2

Партнер — Участник II

‎2022-09-16 05:54

Привет, Тресеско,

Я так и не нашел, как сделать фон прозрачным, но я могу заставить его исчезнуть 🙂

это может быть ваша цель ; чтобы иметь мульти-kpi с кодом CSS и скрыть компонент

 

1- /options/developer

2- получить идентификатор KPI

3-в css, сделать так, чтобы он исчез

div[tid=»gyHAMWV»]
{
display : none  !важно;
}

 

у меня работает на QSEOW август 2022

/С.

 

Справочная информация: нет; против фона: прозрачный; — HTML и CSS — Форумы SitePoint

asasass

23 ноября 2021 г., 12:16

#1

Почему одно свойство должно использоваться вместо другого и наоборот?

В каком случае вместо слова «прозрачный» можно использовать none?

Кажется, они оба выполняют одно и то же.

ПолОБ

#2

асас:

Кажется, они оба выполняют одно и то же.

Да, они оба выполняют одно и то же, но по несколько разным причинам.

Свойство 'фон ‘ является сокращенным свойством . Это относится не только к фоновому цвету. Это относится к background-image, background-repeat, background-position и так далее…

Когда вы говорите background:none тогда значение none применяется только к фоновому изображению, поскольку это единственное свойство в сокращении, которое использует none . Итак, вы говорите, что мне не нужен образ. Однако, поскольку это единственное значение, которое вы передали в сокращении, все остальные значения в сокращении возвращаются к своим значениям по умолчанию, которые для цвета фона будут прозрачными .

Поэтому, когда вы говорите background:none , вы косвенно устанавливаете прозрачный цвет фона просто потому, что не указали его, и он возвращается к значению по умолчанию. Когда вы говорите background:transparent, тогда верно обратное, и вы сбрасываете фоновое изображение на none, потому что вы его не указали, и оно возвращается к своему значению по умолчанию.

Вот почему вам нужно позаботиться о сокращенных свойствах. Если вы хотите повлиять только на одно свойство, вы бы сказали.

background-color:прозрачный;

или

background-image:none

Однако, когда вы понимаете стенографию, вы можете просто сказать background:none и избавиться от них всех за один раз, если вы этого хотите.

Многие новички устанавливают фоновое изображение, а затем говорят что-то вроде background:red и удивляются, куда пропало изображение. Если бы они сказали background-color:red, то изображение тоже было бы там.

асас:

Почему одно свойство должно использоваться вместо другого и наоборот?

Если вы используете сокращение, то background:none меньше символов, но когда вы смотрите на таблицу стилей, вы можете подумать, что она относится к предыдущему изображению, и в конечном итоге вы оглядываетесь назад, чтобы увидеть, было ли где-то указано изображение.

Если вы говорите background:transparent, вы можете сказать, посмотрев, что это, вероятно, относится к фоновому цвету.

Результат тот же. Выбор остается за вами.

3 лайков

asasass

#3

Было бы правильно сказать, что использование background:none; использует меньше GPU, чем background:transparent; ?

ПолОБ

#4

асас:

Правильно ли будет сказать, что использование фон: нет; использует меньше GPU

Нет.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *