Question

有没有办法定位与您相关的 HTML元素 您页面的延伸背景？

你已经拉长了背景，

现在你想要在你的徽标旁边写一些东西。

考虑分辨率和浏览器

CSS＆amp; JQuery的

如果你知道任何策略或任何好的文章/教程

我很高兴收到你的来信

感谢

Answer 1

您可以计算窗口中的坐标以匹配拉伸的坐标。因此，如果背景图像从坐标（0,0）一直延伸到（window.screen.width，window.screen.height）和图像大小，可以说（800,600）和你的徽标位于图像的坐标（44,100）上，你想知道窗口的坐标与图像的坐标相匹配......

function place(div, image_x, image_y, image_w, image_h)
{
    //Calculate the window coordinates that match the image coordinates
    var window_x = Math.Floor((window.screen.width/image_w)*image_x);
    var window_y = Math.Floor((window.screen.height/image_h)*image_y);

    //Make divs position absolute
    $("#"+div).css("position", "absolute");

    //Set the left in the window coords that match the images coords
    $("#"+div).css("left", window_x+"px"); 

    //Set the top to match the images coords
    $("#"+div).css("top", window_y+"px");
}

你可以使用这样的函数：

place("logo_text_div", 44, 100, 800, 600);

你可以修改代码使它使用Ceil，你可以将coords转移到右边。或者你可以用另一种方式围绕window_x和window_y，这样你就得到了你想要的预裂。

Answer 2

window.screen.width和window.screen.height可能对您有所帮助。

通过背景定位元素 - CSS-JQuery

2 个答案: