Question

我有一个容纳图像的容器元素。我试图用jquery CSS定位图像，但由于某种原因，它无法正常工作。其他CSS属性正在运行，只有位置道具不起作用。

<div class="carousel" style="position:absolute;">
    <img src="" style=""/>
    <a class="slideshow-left leftarrow" src="#"/>
    <a class="slideshow-right rightarrow" src="#"/>
    <a class="slideshow-close closecross" src="#"/>
</div>

my_image.css({
    "display" : "inline-block",
    "position" : "absolute",                            
    "top" : "300",
    "left" : "100",
    "width" : "100"
});

知道为什么left和top属性不起作用？

Answer 1

我几乎不明白你正在使用什么样的jquery方法调用....但是，这对我有用...也使用300px（注意单位而不是300

demo

    $(".carousel >img").css({
    "display": "inline-block",
        "position": "absolute",
        "top": "300px",
        "left": "100px",
        "width": "100px"
    });

Answer 2

因为您的top和left值中没有一个包含单位（ em / px / %等）报价

Answer 3

试试这个：

<div class="carousel" style="position:relative;">
            <img  src="https://www.gravatar.com/avatar/91e19785a2086f44d56b9897abf4f90f?s=32&d=identicon&r=PG" style="position: absolute; top: 100px; left: 100px;" />
            <a  class="slideshow-left leftarrow" src="#" />
            <a  class="slideshow-right rightarrow" src="#" />
            <a  class="slideshow-close closecross" src="#" />
        </div>

http://fiddle.jshell.net/K6d9r/

CSS定位不适用于块级图像

3 个答案: