Html 无法在页面上定位图像滚动
我对HTML/CSS还不熟悉,正在学习它,希望将知识传授给经营一家在线报纸,我是这家报纸的编辑。目前,我正在我自己的网站上有一个图像滚动工作。我遇到过这样一个问题,滚动工作得非常完美,但我无法将其向左、向右或上下移动。对于我添加的每一个新滚动,它们只会在页面上一个叠在另一个下面。我如何解决这个问题,并能够在页面周围定位滚动,就好像它是一张普通图片一样。下面是代码。提前谢谢 如果您注意到我需要解决的任何其他差异,我将非常感激 身体Html 无法在页面上定位图像滚动,html,css,image,position,rollovers,Html,Css,Image,Position,Rollovers,我对HTML/CSS还不熟悉,正在学习它,希望将知识传授给经营一家在线报纸,我是这家报纸的编辑。目前,我正在我自己的网站上有一个图像滚动工作。我遇到过这样一个问题,滚动工作得非常完美,但我无法将其向左、向右或上下移动。对于我添加的每一个新滚动,它们只会在页面上一个叠在另一个下面。我如何解决这个问题,并能够在页面周围定位滚动,就好像它是一张普通图片一样。下面是代码。提前谢谢 如果您注意到我需要解决的任何其他差异,我将非常感激 身体 <div id="Chasity">
<div id="Chasity">
<a href="http://falserealityfilmsabout.tumblr.com/IIASVoiceofChasity"><img src="http://i34.photobucket.com/albums/d141/truevintage101/About%20us/72846ed1-9028-44bd-8671-3b4d7c6f7854_zps5a4e0faf.png"onmouseover="this.src='http://i34.photobucket.com/albums/d141/truevintage101/About%20us/Chasitytitle2_zps8b7679b9.png'" onmouseout="this.src='http://i34.photobucket.com/albums/d141/truevintage101/About%20us/72846ed1-9028-44bd-8671-3b4d7c6f7854_zps5a4e0faf.png'" /></a>
{CustomCSS}只需使用div:hover选择器来更改图像,然后您就可以将其移动到您想要的任何位置,请参见这里的示例 html:
body {
{block:IfNotDarkLayout}
width:100%;
height:100%;
color: #333;
color: rgba(0,0,0,.9);
{/block:IfNotDarkLayout}
{block:IfDarkLayout}
color: #fcfcfc;
color: rgba(255,255,255,.9);
{/block:IfDarkLayout}
background: {color:Content Background};
font-family: "Century Schoolbook", Century, Georgia, serif;
text-shadow: 0 0 1px {color:Content Background};
}
.Chasity{
left:300px;
top:400px;
position:fixed;
padding-top:10px;
padding-right:50px;
<a href="http://google.com">
<div class="box"></div>
</a>
a{
display:block;
padding:0;
width:200px;
height:500px;
margin:auto;
}
.box{
background:url('http://placekitten.com/200/500');
display:block;
height: 100%;
width:100%;
margin:auto;
}
.box:hover{
background:url('http://placekitten.com/200/501');
}