首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

怎么在图片左上角叠加一层文字

2013-11-29 
如何在图片左上角叠加一层文字或实现以下这种效果[解决办法].autosf {margin-top: -120pxmargin-left: -6

如何在图片左上角叠加一层文字


或实现以下这种效果
怎么在图片左上角叠加一层文字
[解决办法]

.autosf {
margin-top: -120px;
margin-left: -60px;


这个里面,加个这东西试试呗,具体多少数值,可能需要改动,试试是不是你要的效果呢
[解决办法]
<style type="text/css">
   #text_img{position:absolute;}
   #text{position:absolute;top:50px;left:20px;}
<style>


<div id="text_img">
    <div id="img">
    <img src="img.png">
    </div>
    <div id="text">
     img
    </div>
</div>
[解决办法]
2个放在同一个层次的绝对定位对象
左上角坐标同为 0 0


[解决办法]
绝对定位 定义一个图层 左上角 left:0 top:0就行了
[解决办法]
定位哇,,外层position,relative,,,内层pisition,absoulute,,,
[解决办法]
相对定位。。。
containter层  用 position:relative
cell层  用  position:absolute; top :0px; left:0px

热点排行