не прозрачный цвет фона всплывающей подсказки

@jacknk88 · Регистрация: 23.07.2013

Студворк — интернет-сервис помощи студентам

при тестировании на локальном компе вес нормально, но когда загрузил все файлы (css, js, html) на сервер фон всплывающей подсказки стал прозрачным.
как сделать фон подсказки НЕ прозрачным ?

пробовал z-index не работает

Добавлено через 1 час 37 минут
проблема оказалась в
position: relative;
только сейчас всплывающая подсказка растягивается....

@sMockingbird · 29.07.2013, 11:42

При чём тут z-index?
У Вас в css где то прозрачность указана. Покажите код css для всплывающей подсказки.

@jacknk88 · 29.07.2013, 14:22 **[ТС]**

Сообщение от sMockingbird

При чём тут z-index?
У Вас в css где то прозрачность указана. Покажите код css для всплывающей подсказки.

проблема оказалась в
position: relative;
только сейчас всплывающая подсказка растягивается....поэтому я добавил width: 250px;

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
.tooltip { 
             outline: none;
            /*position: relative;*/
        }
 
.tooltip span {
    margin-left: -999em;
    position: absolute;
        color: Gray; /*цвет текста*/
}
 
.tooltip:hover span {
    border-radius: 5px 5px; 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
    font-family: Calibri, Tahoma, Geneva, sans-serif;
    position: absolute;
    z-index: 99;
    margin-left: 2em; width: 250px;
    text-decoration: none;
}
/*текст в сплывающей подсказке*/
.tooltip:hover em {  color: #333; text-decoration: none;
    font-family: Calibri, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
    display: block; padding: 0.2em 0 0.6em 0;
}
 
/*настройки всплывающей подсказки*/
.custom { padding: 0.2em 0.8em 0.8em 0.5em; }
 
.info {   border: 3px solid #8d8d8d; background:  white;}

чтобы более менее было понятно..отрывок кода из html:

HTML5
1
2
3
4
<a id="sd24" class="tooltip" href="http://www.google.ru">текст в дереве
<span class="custom info">
<em>здесь заголовок всплывающей подсказки</em>
тут текст всплывающей подсказки</span></a>

Добавлено через 8 минут
пример взял вот из этого сайта

http://ruseller.com/lessons.php?rub=2&id=664

@sMockingbird · 29.07.2013, 15:26

Поделитесь ещё скрином, что у Вас получается в итоге)

@jacknk88 · 29.07.2013, 16:23 **[ТС]**

Сообщение от sMockingbird

Поделитесь ещё скрином, что у Вас получается в итоге)

примерно также как и здесь только на белом фоне и без иконки

Новые блоги и статьи Все статьи Все блоги /
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .

@jacknk88 0 / 0 / 1 Регистрация: 23.07.2013 Сообщений: 30

	не прозрачный цвет фона всплывающей подсказки 29.07.2013, 11:39. Показов 2225. Ответов 4 Метки нет (Все метки) при тестировании на локальном компе вес нормально, но когда загрузил все файлы (css, js, html) на сервер фон всплывающей подсказки стал прозрачным. как сделать фон подсказки НЕ прозрачным ? пробовал z-index не работает Добавлено через 1 час 37 минут проблема оказалась в position: relative; только сейчас всплывающая подсказка растягивается.... 0

@sMockingbird 284 / 283 / 73 Регистрация: 06.05.2013 Сообщений: 1,613
	29.07.2013, 11:42
	При чём тут z-index? У Вас в css где то прозрачность указана. Покажите код css для всплывающей подсказки. 0

@sMockingbird 284 / 283 / 73 Регистрация: 06.05.2013 Сообщений: 1,613
	29.07.2013, 15:26
	Поделитесь ещё скрином, что у Вас получается в итоге) 0