Question

我在同位素的每个元素中都有一个使用jQuery Isotope插件和2个paypal按钮的页面。基本上按钮固定在每个div中，可以在Chrome中运行，但在资源管理器中，有时在Firefox中，它们只是在页面底部显示为巨大的按钮，就好像它们不在div元素中一样。任何人都可以告诉为什么会发生这种情况吗？可能更容易看一下页面，www.arcwebsitedesign.com / pumpkins / index.html和源代码，但下面是一些相关的代码：

<div class="element large symbol pop   " data-symbol="Ca" data-category="pop">                  <!--  1D Logo  -->
  <p class="number" style="z-index:100;">1D</p>
  <img src="http://www.pumpkinpatternstencils.com/uploads/4/8/0/6/4806688/5703606.png?175" width="100%">

   <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
    <input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" name="hosted_button_id" value="YB75GE8U5G5W2">
    <input type="image" src="img/buy-now-btn1.png" border="0" name="submit" target="0"  style="position:fixed;bottom:17px;left:10px;width:43%;" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </form>

    <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" name="hosted_button_id" value="XEACZYFQHJGX4">
    <input type="image" src="img/add-cart-btn2.png" border="0" name="submit" target="0"  style="position:fixed;bottom:17px;left:125px;width:43%;" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
  </form>

Answer 1

固定定位不考虑其他元素。也许您打算使用absolute。

无论如何，内联CSS很难看。如果你把它从你的元素中拉出来并且至少使用style标记，对我们所有人来说都会更容易。

Paypal按钮图像不会停留在IE中的<div>位置：fixed </div>

1 个答案: