Полная прозрачность блока (не для текста)

maruo

Нужно сделать полностью прозрачным, ничего не получилось и opacity и что только не пробовал
<div class="panel-view-maxchars fs10"><span >...</span>
                                     <span class="imoon imoon-quill" id="charlimitinfo">осталось 100 символов</span></div>
.panel-view-maxchars{
    
    text-align:right;
    
    background: rgba(255, 255, 255, 0);
    padding: 5px; /* Поля вокруг текста *//
    
}
.panel-view-maxchars span{
     opacity: 1;
 color: #000;
    
}
5 ответов

maruo

Нужно сделать полностью прозрачным
background:transparent


maruo

Shakalaka, пробовал аналогично


maruo

пробовал аналогично
https://jsfiddle.net/shakalaka/6syahn4o/


maruo

Shakalaka, Наверно не там ищу решение проблемы.Наверно надо убрать видимость блока или я не знаю, что бы на фоне чата было видно лишь текст "осталось символов..."


maruo

Наверно не там ищу решение проблемы.Наверно надо убрать видимость блока или я не знаю, что бы на фоне чата было видно лишь текст "осталось символов..."
Наверное нужно учиться выражать свои мысли. Для блока panel-view-maxchars задать background:transparent; Я ж вам пример показал, у body там фон красный, а у надписи "осталось символов..." фон прозрачный
<div class="chat">
<div class="chat__message">John: hello Vasya</div>
<div class="chat__message">Vasya: привет Джон</div>
<div class="chat__message">John: I can't understand you...</div>
<div class="chat__message">Vasya: Нихера не понял</div>
  <div class="panel-view-maxchars fs10"><span >...</span>
    <span class="imoon imoon-quill" id="charlimitinfo">осталось 100 символов</span>
  </div>
</div>
.chat{
  width:400px;
  margin:auto;
  background:#f00;
}
.chat__message{
  float:left;
  background:#fff;
  clear:both;
  margin:10px;
  padding:15px;
  border-radius:10px;
  
}
.chat__message:nth-child(even){
  float:right;
}
.panel-view-maxchars{ 
    clear:both;
    text-align:right;
    background: transparent;
    padding: 5px; /* Поля вокруг текста *//
}
.panel-view-maxchars span{
     opacity: 1;
     color: #000;
     
}
https://jsfiddle.net/shakalaka/6syahn4o/ детальней уже некуда