Question

我在按钮上给出了工具提示，当我们将鼠标悬停在按钮上时，我也在文本上提供了链接，但我无法单击该链接。

我已经给出了整个文本的链接，但是我想给出特定的部分，

这是我的html和引导代码：

<a disabled data-html="true"
    style="float:right !important;"
    class="btn btn-info btn-sm pull-right"
    href="https://www.google.com"
    data-toggle="tooltip" data-html="true"
    title="<a href='https://www.google.com' target='blank'>Print feature is enabled for subscription users. Sign up Today<a href="https://www.talentinsights.com/contact-us/">Print Result Summary</a>

Answer 1

我已经解决了这个问题：

<span class="d-inline-block pull-right btn-sm pull-right" tabindex="0" data-toggle="tooltip">
                                <button type="button" class="btn btn-primary" data-toggle="tooltip" data-html="true" title="
                                   Print feature is enabled for subscription users.<a href='www.google.com'> Sign up Today</a>">
                                    Print Result Summary
                                </button>
                            </span>

Answer 2

以下方法的方向如何？



    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style>
            p.myTooltip {
                display: none;
                background-color: yellow;
                padding: 10px;
                margin-top: -5px;
                z-index: 10;
                position: relative;
                opacity: 0.8;
            }

            div:hover p.myTooltip {
                display: block;
            }
        </style>
    </head>
    <body>
        <div>
            <input type="submit" value="Hover me and see" />
            <p class="myTooltip">
                Tada here I am <a href="https://www.google.com">Google me</a>
            </p>
        </div>
    </body>
    </html>

如何在工具提示内提供链接（不弹出），当我们将鼠标悬停在按钮上时，我们应该可以单击相同的链接

2 个答案: