Показать сообщение отдельно
  #10 (permalink)  
Старый 26.08.2017, 07:40
Аспирант
Отправить личное сообщение для konart Посмотреть профиль Найти все сообщения от konart
 
Регистрация: 09.08.2017
Сообщений: 39

Всем добрый день.
Здесь же появилась проблемка с которой мне не удаётся справиться, а именно: для красоты я добавил объём и тень в #myTBL и теперь подсказки оказались под закрашиваемой ячейкой. Причём подсказка сверху ячейки которую я закрашиваю первой, но ПОД всеми остальными. Пробовал и разные z-index, не забывал и про особенности с opacity, и то что позиционирование должно быть, но результата так и не добился. Вот коды...

#myTBL td.DarkGreen
 {
 font:14px helvetica, arial, sans-serif;
 color : White;
 font-weight:800;
 background-color:DarkGreen;
background: linear-gradient(180deg, DarkGreen 95%, Black 5%);
box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.7); -webkit-box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.7);
border-radius: 5px 5px; -webkit-border-radius: 5px; 
z-index: 1;
opacity:0.99;
 }

 td{
   height: auto;/*23*/
   position:  relative;
	cursor: url('images/cursor-question.png'), url('images/861313825289482149.png'), pointer;
opacity:0.99;
 }

  #myTBL td:hover:after {
    background-color: Lime;      /*стиль подсказки*/
	 font:14px helvetica, arial, sans-serif;
    color : Black;
	 font-weight:400;
    border-radius: 1px;
    padding: 2px;/*8*/
    opacity: 0.99;/*1*/
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.7); -webkit-box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.7); -moz-box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.7);
z-index: 10; 
   position:  fixed;
 }

 td.DarkGreen:after{ 
 opacity:0;
    content: "ALLIN";
   position: fixed;
   rigth: 50px;
   bottom: 20px;

 }
Ответить с цитированием