Question

怎么在图片上面加个div层,让它浮于图片上方

首先是一个宽990高150的div
div里面有一张同样宽高的图片
我想在弄一个div让他在图片上面
怎么搞
要把左下那个搜索移到右上那去,怎么移

代码是:





Answer 1

在图片上面加个div层,让它浮于图片上方步骤如下：

1. 创建一个描述中的div图层。

2.在上一个图层的上方新建一个div。

3.为了方便看出来图片上方div的位置，设置其属性之后如下。

这样在图片上面加个div层,让它浮于图片上方的问题就解决了。

扩展资料：

<div> 元素

1.HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。

2.<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

3.如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。

4.<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。

Answer 2

1、首先当然是要插入一张图片啦，
代码如下：<a href="#" target="_blank"><img src="images/13.png" width="240" heigth="240"></a>
图片路径自己定义。

2、定义一个层在图片上。这里要用到定位。position。
<div class="con_img"><img src=""><span class="ms"></span></div>
.con_img{position: relative; width: 240px; height: 240px;}
.ms{position: absolute; bottom: 0;left: 0; width: 240px; height: 25px; background: #000;}

Answer 3

.img-container{width:990px;height:150px;position:relative;}
.img-container img{width:990px;height:150px;position:absolute;left:0;top:0;z-index:1;}
.img-container .layer{width:990px;height:150px;position:absolute;left:0;top:0;z-index:2;background:rgba(0,0,0,0);background:#000\0;filter:alpha(opacity=0)\0;*background:#FFF;}

<div class="img-container">
    <img src="" />
    <div class="layer"></div>
</div>

其中layer的background是为了解决IE下layer的层无法在最上方问题，需要给div一个背景

追问

看不懂啊

追答

<div style="width:990px;height:150px;position:relative;">
    <img />
    <div style="width:990px;height:150px;position:absolute;left:0;top:0;z-index:2;background:rgba(0,0,0,0);background:#000\0;filter:alpha(opacity=0)\0;*background:#FFF;">
    <form>
        <input />
        <input />
        <input />
    </form>
    </div>
</div>

追问

图片做成背景不就不能加热点了??

追答

此答案不是通过背景图实现，请看好回答选择正确的追问对象

追问

这里的图像不能画热点啊

追答

那没办法，除非你把内层div舍得小一点，你又想让内层div在图片上，又想让图片在div上

这个真办不到，一个元素只有一个层级关系，你不能让div一般在img上一般在img下，还是再加层透明的层里面放个吧

Answer 4

外层用positon:relative;内层用position:absolute;调整位置。再分别用z-index调整层级关系，内层比外层的z-index数字大就行了。

追问

本地是可以 不过放到淘宝上面就被不行了

追答

。。没做过淘宝，不知道具体情况。不好意思了。

Answer 5

既然同样大小　可以把下面的图片当成背景...

追问

要在图片上面加热点啊