css样式如何做弹出图片,css图片样式怎么设置

如何用CSS样式来实现当鼠标放上去时会出现另一张背景图片呢

做好准备工作，把两张100px X 100px的图片合成 100 X 200 的。通过CSS图片定位来达到切换效果。存放在根目录 img\tupian.gif

style

#div_1{width:100px;height:100px;margin:0;padding:0;} 定义一个DIV方框

#div_1 ul,li{list-style:none;margin:0px;padding:0px;} 定义div_1中UL,LI

#div_1 li{float:left;margin:0;}

#div_1 a{

background:url(img/tupian.gif) no-repeat;width:100px;height:100px;display:block;

} 定div_1中链接背景样式等

#a1 a:hover,#a1 a:active{

background-position: 0px -100px;height:100px;

} 定义一个鼠标悬停状态

/style

在BODY中

div id="div_1"ul

lia href="#"首页/a/li

相关问答

Q1: css样式弹出层在不同浏览器下显示位置不同

在tooltip样式中加入 display；block属性！显示正常！.tooltip{display:block;position:relative; /*这个是关键*/ z-index:2; }

css代码如下

style type="text/css"

/*Tooltips*/

.tooltips{ display:block;position:relative; /*这个是关键*/ z-index:2; }

.tooltips:hover{ z-index:3; background:none; /*没有这个在IE中不可用*/ }

.tooltips span{ display: none; }

.tooltips:hover span{

/*span 标签仅在 :hover 状态时显示*/

display:block;

position:absolute;

top:2px;

left:1px;

width:220px;

border:1px solid black;

background-color:#FFFFFF;

padding: 3px;

color:black;

}

/style

希望能帮到您，谢谢！

Q2: css放大图片，弹出新的窗口

1.强行控制图片的大小并点击打开新页面

img src="图片" width="100" height="100" onclick="window.open('另一个页面的地址')"

2.然后在那个页面载入原来的大图

当然如果你技术可以的话，最好不要打开新页面，弹出一个原本隐藏的div就可以了

Q3: js/css如何将弹出的图片放在网页的最上层？

1．在同一个div中，编写如下图所示的一段代码，并在这段代码中设置dive的宽度和高度，以便文本具有特定的范围。

2．找到背景，如下图所示，添加背景后的图像作为背景图案。

3．在后台添加url（）。为了连接图像，在url中写入背景图像的路径。

4．你可以把你最喜欢的图片根据你的个人喜好。你必须把正确的路径写在这里。

5．这样，保存后的文本将覆盖在图片的顶部。