在Table Fixed Header中,我需要将所有文本放在固定标题下。这适用于除第一列中的(Img)文本之外的所有内容。 Img遍历固定标题。我相信它可能在我需要进行调整的CSS中,但无法弄清楚如何调整可见性....
当您将鼠标悬停在图像上时,Img文本会生成图像工具。
的jsfiddle https://jsfiddle.net/rbla/1Ljuycbe/27/
/* IMAGE TOOLTIP */
.up:hover {
cursor:pointer;
}
.tooltip2 {
position: relative;
display: inline-block;
border-bottom: 3px dotted black; /* If you want dots under the hoverable text */
text-decoration: none;
color: #00F;
}
img.cadre {
border: 3px solid #D2D1D1;
border-radius: 4px;
width: 125px;
height: 125px;
}
/* Tooltip text */
.tooltip2 .tooltiptext2 {
visibility: hidden;
width: 130px;
background-color: #fff;
color: #fff;
text-align: center;
padding: 5px 5px;
border-radius: 6px;
margin-left: 7px;
/* Position the tooltip text - see examples below! */
position: absolute;
z-index: 0;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip2:hover .tooltiptext2 {
visibility: visible;
cursor:pointer;
}
/* Positioning - Right Tooltip */
.tooltip2 .tooltiptext2 {
top: -5px;
left: 105%;
}
/* Left Arrow */
.tooltip2 .tooltiptext2::after {
content: " ";
position: absolute;
top: 15px;
right: 100%; /* To the left of the tooltip */
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent white transparent transparent;
}