主页 / 问题 / 964505
Accepted
Plutooo
Asked:2020-04-02 18:14:32 +0000 UTC2020-04-02 18:14:32 +0000 UTC

悬停在 Prism js 的复制按钮上

  • 772

将鼠标悬停在代码窗口上时，如何使复制按钮出现？代码窗口.codes。

复制代码如下所示：

pre[class*="language-"] .copy {
    content: "copy";
    position: absolute;
    bottom: 4px;
    right: 6px;
    color: #fff;
    cursor: pointer;
    transition: all 200ms ease;
}
css

1 个回答

  1. Best Answer
    .codes:hover pre[class*="language-"] .copy { display: block; }

    在主 css 代码之前，放置显示块。

    pre[class*="language-"] .copy { 
display: none;
content: "copy";
position: absolute;
bottom: 4px;
right: 6px;
color: #fff;
cursor: pointer;
transition: all 200ms ease; }

    隐藏块。

    该块只会出现在悬停时。

    • 1

相关问题