Fatal编程技术网
  • php/
  • Php 在wordpress中创建响应图像链接映射

Php 在wordpress中创建响应图像链接映射

php css wordpress responsive-design

Php 在wordpress中创建响应图像链接映射,php,css,wordpress,responsive-design,imagemap,Php,Css,Wordpress,Responsive Design,Imagemap,在我的wordpress主题的标题中有一个图像链接图，我需要在750px下做出响应。我已经能够使链接显示在标题中，但它们不是活动的，我不知道为什么。现在我只是想让“p1”链接起作用 网站位于：indie-scene.com 以下是我的php： <div class="header header-default"> <img src="<?php echo $ti_option['site_logo']['url']; ?>" alt="<?ph

在我的wordpress主题的标题中有一个图像链接图，我需要在750px下做出响应。我已经能够使链接显示在标题中，但它们不是活动的，我不知道为什么。现在我只是想让“p1”链接起作用

网站位于：indie-scene.com

以下是我的php：

<div class="header header-default">
        <img src="<?php echo $ti_option['site_logo']['url']; ?>" alt="<?php bloginfo( 'name' ); ?> - <?php bloginfo( 'description' ); ?>" width="<?php echo $ti_option['site_logo']['width']; ?>" height="<?php echo $ti_option['site_logo']['height']; ?>" />
       <div class="hotspots">
            <a href="http://www.nearlynewlywed.com" class="p1"></a>
        <div title="home">
            <a href="http://www.indie-scene.com" class="p2"></a>
        </div>
        <div title="sell">
            <a href="http://www.nearlynewlywed.com/a/sell" class="p3"></a>
        </div>
      </div>
    </a><!-- Logo -->
链接没有出现，因为您已将
热点的
可见性
设置为
隐藏
，宽度在
750px
下面：


.header .hotspots {width:100%; height:100%; position:absolute; left:0; top:0; }


您需要删除
可见性：隐藏或将其更改为
可见性：可见



在上图中，我使用开发人员工具将
热点
div的
可见性
设置为
可见
，您可以看到您的
.p1
链接现在出现了


.header .hotspots {width:100%; height:100%; position:absolute; left:0; top:0; }