Question

首先，我对CSS / HTML的经验很少，我不是webdesigner / coder，基本上我不知道我在做什么。

我也很接近自杀，因为没有任何帮助。我非常感谢所有想帮助我的人。

当你继续使用pawelpietryka.com并将鼠标悬停在图像上时，它会通过webkit过渡在div中滑动，基本上一切正常。

我也在使用webkit插入阴影，它也是动画的。我对这个影子有很大的问题，因为它总是出现在图像后面（不在前面）......我用这些变化破解了它

#demo-5 img { z-index: -1; position: relative; vertical-align: top; }

一旦我把z-index：-1;在它不再适用于iPad / iPhone，我正在点击容器，没有任何反应。

（我假设它没有悬停状态，当我试图点击它时，它以某种方式位于主层之后。）

我在其他页面上看过这个，理想的情况是：1）首先点击框滑动2）第二次点击跳转到目的地。

谢谢！

Answer 1

如果您认为您的div嵌套为金字塔，例如......

<pyramid>
  <section level="1">
    <section level="2">
    </section>
  </section>
</pyramid>

你不能让等级2出现在等级1之下，因为等级1 包含等级2.如果你想要等级2出现在等级2上，通常他们会是兄弟姐妹，即< / p>

<pyramid>
  <section level="1"></section>
  <section level="2"></section>
</pyramid>

但在您的具体情况下，我建议将图像作为div的背景

<div id="boxes">
  <?php while ( have_posts() ) : the_post(); ?>
    <div class="box">
      <a href="<?php the_permalink(); ?>">
        <div class="rel" id="demo-5" style="background: transparent url(<?php the_post_thumbnail('homepage-thumb'); ?>) top left no-repeat">
          <div class="detailsausgeblendet">
            <h1><?php the_title(); ?></h1>
            <?php the_excerpt() ?>
          </div>
        </div>
      </a>
    </div>
  <?php endwhile; ?>
</div>

Answer 2

尝试在此处发布，评论格式为奇数

<div id="boxes">
<?php while ( have_posts() ) : the_post(); ?>

    <div class="box">
        <a href="<?php the_permalink(); ?>"><div class="rel" id="demo-5" style="background-image:<?php the_post_thumbnail('homepage-thumb'); ?>">
                    <div class="detailsausgeblendet">
<h1><?php the_title(); ?></h1>
        <?php the_excerpt() ?>
                    </div>


    <?php endif ?>

        </div></a>
    </div>

<?php endwhile; ?>
</div>

Answer 3

这是代码“未更改”

<div id="boxes">
<?php while ( have_posts() ) : the_post(); ?>

    <div class="box">
        <div class="rel" id="demo-5">
            <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('homepage-thumb', array('alt' => '', 'title' => '')) ?></a>
    <?php if ($imbalance2_theme_options['images_only'] == 0): ?>

                    <a href="<?php the_permalink(); ?>"><div class="detailsausgeblendet">
<h1><?php the_title(); ?></h1>
        <?php the_excerpt() ?>
                    </div></a>


    <?php endif ?>

        </div>
    </div>

iPad / iPhone上的z-index问题

3 个答案: