【问题标题】:Add URL to entire photo将 URL 添加到整张照片
【发布时间】:2015-10-31 22:28:04
【问题描述】:

我在我的 Wordpress 网站上使用了一个名为 Distinctive Portfolio 的插件。在this page 上,当您将鼠标悬停在照片上时,我只是想摆脱工具提示(乱码)、图标(应该是链接图像但没有出现)并使整张照片可点击。当我将鼠标悬停在照片上时,当前发生的情况如下图。我希望有一个 CSS 解决方案,但如果没有,我可以进入插件并玩转。请帮忙,谢谢!

【问题讨论】:

标签: jquery css plugins wordpress


【解决方案1】:

display:none; 添加到类.dtp-icon-wrapper

.dtp-icon-wrapper {
    width: 40px;
    height: 40px;
    background: hsl(0, 100%, 100%);
    border-radius: 50%;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    top: -60px;
    margin-top: -10px;
    display: none;
}

工作正常,图标不再显示。

要使整个图像可点击(如果您可以控制 HTML),请包装以下元素:

<div class="view">

</div>

&lt;a&gt; 标签内。

【讨论】:

  • 感谢@Alexander Solonik。是的,但我也希望整张照片都可以点击。我删除了图标——我知道该怎么做——但现在照片上没有链接。
  • 也就是说,a hrefdtp-icon-wrapper urllink 的 div 中。我想用 css 或 Javascript 移动它,以便它适用于整个图像。
猜你喜欢
  • 2020-02-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-03-19
  • 1970-01-01
  • 2019-05-04
  • 1970-01-01
  • 2011-05-12
相关资源
最近更新 更多