Javascript JQuery-如何带来<；p>；使用<；img>；在网页的中心

我在将我的

标签的背景图像放入网页中心时遇到问题

剧本

$(function() {
    $('ul.nav a').bind('click', function(event) {
        var $anchor = $(this);
        $('html, body').stop().animate({
            scrollLeft: $($anchor.attr('href')).offset().left
        }, 1000, "easeInOutExpo");
        event.preventDefault();
    });
    // $("#logo") = my <p> tag containg the background image
    var imgTop = ($(window).height() - $("#logo").css("height")) / 2;
    var imgLeft = ($(window).width() - $("#logo").css("width")) / 2;

    $("#logo").css({
        "top": imgTop,
        "left": imgLeft
    });

    setInterval(function() {
        $("#logo").fadeTo(2000, 0.7).fadeTo(2000, 1);
    }, 0);
});

HTML

关于我们

"深不可测,深不可测,，
我们在那里徘徊，在那里哭泣；
在饥渴的风中
我的幽灵跟在你后面。





联系我们

“他在雪地里嗅到你的脚步声
无论你去哪里，
穿过冬日的冰雹和雨水。
你什么时候再来？





产品

“他在雪地里嗅到你的脚步声
无论你去哪里，
穿过冬日的冰雹和雨水。
你什么时候再来？



 

---

如果段落中有图像元素，则需要以不影响段落内容的方式定位图像： PIMG{ 位置：绝对位置； 最高：50%； 左：50%； 利润率：-75px 0-75px； 浮动：左； }

为了绝对定位图像，必须使用

position:relative

对容器进行相对定位。下面是一个例子： p{ 高度：180像素； 宽度：40%； 位置：相对位置； 边框：1px纯红； }

最后，标记：

<p> 
    <img src="http://placekitten.com/150/150" alt="nice kitten" />
</p>

div的CSS： #标志{ 背景：url(http://placekitten.com/150/150)无重复中心； 高度：180像素； 宽度：40%； 边框：1px纯蓝色； }

---

…或在

上，如果段落中有图像元素，则需要以不影响段落内容的方式定位图像： PIMG{ 位置：绝对位置； 最高：50%； 左：50%； 利润率：-75px 0-75px； 浮动：左； }

为了绝对定位图像，必须使用

position:relative

对容器进行相对定位。下面是一个例子： p{ 高度：180像素； 宽度：40%； 位置：相对位置； 边框：1px纯红； }

最后，标记：

<p> 
    <img src="http://placekitten.com/150/150" alt="nice kitten" />
</p>

div的CSS： #标志{ 背景：url(http://placekitten.com/150/150)无重复中心； 高度：180像素； 宽度：40%； 边框：1px纯蓝色； }

---

…或在

上，我添加了小提琴，供大家玩。谢谢：）。谢谢你能给我那把小提琴的链接吗！“//$（“#logo”）=包含背景图像的my标记”。logo不是一个图像吗<代码>不！它不是！这是一个背景图像

$（“#logo”）

将返回

img

元素。您应该将图像添加为

背景图像

CSS属性。我添加了小提琴供大家玩玩。谢谢：）。谢谢你能给我那把小提琴的链接吗！“//$（“#logo”）=包含背景图像的my标记”。logo不是一个图像吗<代码>不！它不是！这是一个背景图像

$（“#logo”）

将返回

img

元素。您应该将图像添加为

背景图像

CSS属性。

<p> 
    <img src="http://placekitten.com/150/150" alt="nice kitten" />
</p>

<div id="logo"></div>