CSS Qualtrics HotSpot

Для исследования психологии, мы должны использовать тип вопроса «горячая точка» в опросе qualtrics. Когда мы нажимаем на определенную область, есть два цвета по умолчанию: зеленый (как) и красный (dyslike). .CSS Qualtrics HotSpot

Мы хотели бы иметь возможность изменить эти цвета по умолчанию (например, черный (как) и синего (dyslike)

Я попробовал эти два CSS строки кода без успеха:

*.Skin .HotSpot .Like .RegionInner .RegionInnerInner{background-color:black;filter:alpha(opacity=30);opacity:.3}* 

*.Skin .HotSpot .Dislike .RegionInner .RegionInnerInner{background-color:blue;filter:alpha(opacity=30);opacity:.3}*

Любая помощь будет принята с благодарностью

Спасибо,

источник

2016-10-14 Pierre

Это ссылка на основной вопрос типа горячей точки в Qualtrics. Я использовал его для проверки пользовательского кода css. Чтобы облегчить тесты, я поставил только одну центральную зону горячего пятна над одним изображением. https://toulousepsychology.eu.qualtrics.com/SE/?SID=SV_0uNxnecY1UozRNH Как я уже говорил, когда мы нажимаем на область горячих точек, есть только два цвета по умолчанию: зеленый (как) и красный (dyslike) , И по экспериментальным причинам нам нужно изменить эти цвета по умолчанию. :( – Pierre

Чтобы использовать свойство фильтра код CSS должен быть:.

filter: opacity(30%);

Кроме того, почему у вас есть фильтр 30% и непрозрачность .3? на тех же элементах. Они оба делают то же самое.

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

источник

2016-10-14 16:34:07

Просто добавив к этому ответу, вы можете определить цвета с RGBA (красный, зеленый, синий, ** альфа **), чтобы избежать использования свойства 'opacity', что делает весь элемент более диммерным, а не только фоном , который может быть или не быть тем, о чем просит ОП. Черный с 30% непрозрачностью фона - это «background-color: rgba (0, 0, 0, .3)», например. – vladdobra

Да, vladdobra Согласен, особенно если есть текстовый элемент, который будет сидеть на исходном div. –

Большое спасибо за ваш ответ. Я пробовал эту строку, но результат тот же. Кажется, это не было причиной проблемы. .Skin .HotSpot .Leg .RegionInner .RegionInnerInner {background-color: rgba (0, 0, 0, .3);} – Pierre

CSS Qualtrics HotSpot

ответ

Смежные вопросы