怎麼在圖片上添加div

㈠ CSS如何給圖片添加點擊顯示一個DIV盒子的效果

首先定位div盒子的位子，然後display:none隱藏起來，然後圖片調用onclik方法，即在img標簽上寫<img onclick="$('.div').show();">這樣就可以了。
注意:$(".div")中間的.div就是你要出現的那個盒子，選擇他的class，或者給他個id，表示選擇TA。

㈡ 怎樣在圖片上加一個透明的div 如下圖

透明的div需要加position:absolute; 讓它能自由浮動，而透明div外層的div要加上position:relative; 才能讓透明div相對於外層div去定位，而透明div的z-index必須要高於你《妖精的尾巴》的圖片的層級順序才能蓋在上面！！！

定位完成以後將透明div的背景圖片換成png格式的透明漸變圖片，最後做下IE6下的png圖片兼容，即這么寫：
background:url("背景圖片路徑") no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="背景圖片路徑" ,sizingMethod="crop");

㈢ div里已經有圖片了，想在這個圖片中在加div怎麼辦

div可以嵌套的

像<div class="xx1"><img alt="" src=""/></div>這種，可以在<img>兩側加<div></div>
寫成<div class="xx1"><div class="xx2"><img alt="" src=""/></div></div>

㈣ DIV求助~怎麼在一張圖中嵌入DIV

圖片里不能插div的，可以給圖片的父級DIV設置position:relative屬性，然後再下面插入要顯示到圖片上的DIV，用position:absolute定位，z-index設置顯示層，這樣看上去就是DIV在圖片上，但實際上他們不在一個平面

㈤ 怎麼在圖片上做div標簽

你的意思是把張圖片整個墊在下面而不要切小嗎？那你先建一個大div,把它的背景設成這張圖片，然後在這個大div裡面放其他div或者標簽。
css代碼：
.box{width:500px;height:800px;background:url(tp.gif) no-repeat left top;}//注意，寬高是你圖片寬高，圖片名字是你圖片名字，路徑是你圖片路徑
html代碼：
<div class="box">
<div class="box1">111111</div>
<div class="box2">222222</div>
</div>

㈥ 如何使圖片填滿整個div標簽

1、首先我們打開sublime text軟體，新建一個html頁面，然後在在頁面中添加html的基本結構

㈦ 如何使DIV在圖片上

<div>
<a href="#">
<img src="test.jpg" width="100" height="100">
<span style="position:relative; display:block;width:100px; height:20px; margin-top:-20px;">圖片上的文字</span>
</a>
</div>

㈧ DIV如何加在圖片上面

運用相對定位position:relative和絕對定位position:absolute
但是要注意以下幾點：
1.被設置成「絕對定位」的ivy9901必須作為「被設置成相對定位元素」的子元素
2.所以最好是給「ivy990」再包裹一個div（我假設class=「aaa」）,並給這個aaa設置相對定位
3."ivy990"和「ivy9901」並列作為「aaa」的子節點,"ivy9901"絕對定位

實例：
.aaa{position:relative;z-index:1} /*

.ivy9901{position:absolute; z-index:2} /*left ,top什麼的你自己調節

<div class=「aaa」>
<div class="ivy990">.....</div>
<div class="ivy9901">.....</div>
</div>

㈨ 怎樣把圖片放在div里

方法：

這個用絕對定位就可以搞定了。

position:absolute;

舉個例子：

1.css代碼

.div1{height:30px;width:100%;background:#fff;position:relative;z-index:1;}
.div2{height:30px;width:100%;background:#f00;position:absolute;top:0px;left:0;z-index:2;}

2.html代碼

<divclass="div1"><divclass="div2"></div></div>

這樣子div2就能完全覆蓋在div1上了。

拓展資料：

DIV（層疊樣式表單元的位置和層次）

DIV是層疊樣式表中的定位技術，全稱DIVision，即為劃分。有時可以稱其為圖層。DIV在編程中又叫做整除，即只得商的整數。 DIV元素是用來為HTML（標准通用標記語言下的一個應用）文檔內大塊（block-level）的內容提供結構和背景的元素。

一、定義

<div> 可定義文檔中的分區或節（division/section）。

<div> 標簽可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具，並且不使用任何格式與其關聯。

如果用 id 或 class 來標記 <div>，那麼該標簽的作用會變得更加有效。

注釋：<div> 是一個塊級元素，也就是說，瀏覽器通常會在 div 元素前後放置一個換行符。

提示：請使用 <div> 元素來組合塊級元素，這樣就可以使用樣式對它們進行格式化。

二、用法

<div> 是一個塊級元素。這意味著它的內容自動地開始一個新行。實際上，換行是 <div> 固有的特定的格式表現。可以通過 <div> 的 class 或 id 應用額外的樣式。

不必為每一個 <div> 都加上類或 id，雖然這樣做也有一定的好處。

可以對同一個 <div> 元素同時應用 class 和 id 屬性，但是更常見的情況是只應用其中一種。這兩者的主要差異是，class 用於元素組（類似的元素，或者可以理解為某一類元素），而 id 用於標識單獨的特定的元素。

網路 DIV