Показать подсказку инструмента с родительским элементом с помощью CSS

Похоже, вы говорите о веб-сервисе RESTful.

http://en.wikipedia.org/wiki/Representational_State_Transfer

The. Файл htaccess переписывает все URI, чтобы указать на один контроллер, но это более подробно, чем вы хотите получить в этот момент. Вы можете посмотреть на Recess

Это RESTful framework в PHP

0
задан naveen 13 July 2018 в 05:59
поделиться

1 ответ

Я думаю, вы ищете что-то вроде этого, не так ли?

Лучше вы создадите фрагмент & amp; заново создайте свою проблему, чтобы каждый мог поймать идею & amp; помогите вам.

Проблема в том, что вы устанавливаете элемент position: absolute, поэтому просто сохраняете позицию на основе ее родителя relative. Прокрутка не будет перемещать его.

Этот пример поможет вам лучше понять, как работает позиция https://codepen.io/AlHakem/pen/YayxBo

.scroller {
  max-height: 150px;
  overflow-y: scroll;
  height: 150px;
  float: left;
  width: 200px;
}

.item {
  position: relative;
}

.temp-description-popup {
  visibility: hidden;
  height: 0px;
}

.item:hover>.temp-description-popup {
  visibility: visible;
  height: auto;
  padding: 4px;
  background-color: #f1f1f1;
  border-radius: 4px;
  position: absolute;
  top: 25px;
  z-indeX: 2;
}
<div class="scroller">
  <div class="item" data-key="15" data-value="244937">
    <input class="option" id="treemultiselect-0-15" type="checkbox">
    <span class="description">
        <label class="" for="treemultiselect-0-15">Ashram</label>
    </span>
    <div class="temp-description-popup">
      No. &amp; Listing of <b>Ashrams</b><br>
    </div>
  </div>
  <div class="item" data-key="15" data-value="244937">
    <input class="option" id="treemultiselect-0-15" type="checkbox">
    <span class="description">
        <label class="" for="treemultiselect-0-15">Ashram</label>
    </span>
    <div class="temp-description-popup">
      No. &amp; Listing of <b>Ashrams</b><br>
    </div>
  </div>
  <div class="item" data-key="15" data-value="244937">
    <input class="option" id="treemultiselect-0-15" type="checkbox">
    <span class="description">
        <label class="" for="treemultiselect-0-15">Ashram</label>
    </span>
    <div class="temp-description-popup">
      No. &amp; Listing of <b>Ashrams</b><br>
    </div>
  </div>
  <div class="item" data-key="15" data-value="244937">
    <input class="option" id="treemultiselect-0-15" type="checkbox">
    <span class="description">
        <label class="" for="treemultiselect-0-15">Ashram</label>
    </span>
    <div class="temp-description-popup">
      No. &amp; Listing of <b>Ashrams</b><br>
    </div>
  </div>
  <div class="item" data-key="15" data-value="244937">
    <input class="option" id="treemultiselect-0-15" type="checkbox">
    <span class="description">
        <label class="" for="treemultiselect-0-15">Ashram</label>
    </span>
    <div class="temp-description-popup">
      No. &amp; Listing of <b>Ashrams</b><br>
    </div>
  </div>
  <div class="item" data-key="15" data-value="244937">
    <input class="option" id="treemultiselect-0-15" type="checkbox">
    <span class="description">
        <label class="" for="treemultiselect-0-15">Ashram</label>
    </span>
    <div class="temp-description-popup">
      No. &amp; Listing of <b>Ashrams</b><br>
    </div>
  </div>

</div>

0
ответ дан Toan Lu 17 August 2018 в 13:38
поделиться
  • 1
    Спасибо за Ваш ответ. точно я выгляжу как это, но небольшие изменения. В описании я хочу посмотреть атрибут title в html. – naveen 13 July 2018 в 06:34
  • 2
    Я видел, как вы ответили выше в комментарии, что в div не в title? Я не совсем уверен, что вы хотите. – Toan Lu 13 July 2018 в 06:37
  • 3
    Пожалуйста, перейдите по этой ссылке codepen.io/naveensaravanan/pen/OwyPWy , прокрутите вниз и проверьте последний элемент – naveen 13 July 2018 в 06:44
  • 4
    Я скорректировал код, это то, что вы ищете? – Toan Lu 13 July 2018 в 06:53
  • 5
    Я смотрю только это, спасибо своим работам ..... – naveen 13 July 2018 в 07:13
Другие вопросы по тегам:

Похожие вопросы: