Question

我正在努力追随。响应并具有特定主题的背景图像。我想在背景图像上添加一个闪烁的灯光效果。做一个闪烁本身不是一个问题。背景图像是一条带有灯杆的街道。我希望杆中的灯光闪烁。 问题：当背景图像随窗口大小缩放时，覆盖的闪烁图像会全部移动并且不会停留在极点灯泡上方。我该如何解决这个问题？

以下是其中一个帖子，显示热图像粘贴，但它唯一坚持到顶部。div on top of responsive background image

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MWW</title>

<link href="_css/main-test.css" type="text/css" rel="stylesheet" />
<link href="_css/jquery-ui.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="_script/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="_script/jquery-ui.js"></script>
<script type="text/javascript" src="_script/animation.js"></script>
</head>

<body>
<div class="bgDiv">

</div>
</body>
</html>

@charset "utf-8";
/* CSS Document */

body{
    background-color: black;    
}

.bgDiv {
    background-image:url(../_images/image_3.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;   
    background-size: cover; 
    background-color: black;
    height:1000px;
}

在背景图象顶部的敏感图象

0 个答案: