PHP前端开发

使用 CSS 设置左侧工具提示

百变鹏仔 3个月前 (09-20) #CSS
文章标签 提示

要设置左侧工具提示,请使用right CSS属性。

您可以尝试运行以下代码来将左侧工具提示设置为文本:

示例

实时演示

<!DOCTYPE html><html>   <style>      .mytooltip .mytext {         visibility: hidden;         width: 140px;         background-color: orange;         color: white;         z-index: 1;         top: -6px;         right: 100%;         text-align: center;         border-radius: 6px;         padding: 5px 0;         position: absolute;      }      .mytooltip {         position: relative;         display: inline-block;         margin-left: 150px;      }      .mytooltip:hover .mytext {         visibility: visible;      }   </style>   <body>      <div class = "mytooltip">Keep mouse cursor over me         <span class = "mytext"> My Tooltip text</span>      </div>   </body></html>