热搜:NVER node 开发 php

麻烦各位大神看下这个代码错在什么地方了?_html/css_WEB-ITnose

2024-11-15 11:55:01
麻烦各位大神看下这个代码错在什么地方了?_html/css_WEB-ITnose

这里特别说明,我做了个批量上传图片的效果,但是现在我要在每个图片右上角增加一个删除叉的小图片,然后点击这个小图片图片自动隐藏,至于删除我会用程序进行实现。不知道哪位大侠给个办法,谢谢了

在网上找了一个css图片右上角加删除叉,拿下来试了下,但是有问题,没有实现删除,我也米看清楚到底是哪出错了?

商品列表 - <?php echo $_LANG['home'];?>                                                                               日落湖            

和平日落景观......

2013年6月6日 天国的桥梁

桥在哪里?

by SigitEko


回复讨论(解决方案)

或者不用看这个代码,哪位知道怎么给图片右上角加一个删除叉的小图片最好,我就需要的是这种效果,因为我的css技术太差劲了

哪位帮忙下,在下不胜感激

    

x



.pic-show{margin:10px;position:relative;width:100px;height:100px;}.pic-show p{position:absolute;width:8px;height:8px;right:-8px;top:-8px;}

补充一下 如果 你要把 P 标签改成 A 标签的话 记得 display:block

嗯, 不知道。。,,,,,,,,,,,,,,

补充一下 如果 你要把 P 标签改成 A 标签的话 记得 display:block


我要点击那个叉的话,图片隐藏该怎么做?

哪位看下这是我实现的效果,现在我想在这个基础上实现多个点击隐藏,但是只能点击一次

    


$(function(){
 $(".closeimg").click(function(){
 $(this).parent().remove();
  });
});

$(function(){
 $(".closeimg").click(function(){
 $(this).parent().remove();
  });
});


哥们可以隐藏了,能看下这个吗,我上传返回图片排列成这了

这里是CSS
.preview{width:80px;border:solid 1px #dedede; margin:10px 1px 10px 20px;padding:10px;float:left;}
#pic-show{margin:15px 15px 15px 0px;position:relative;float:left;}
#pic-show p{position:absolute;width:8px;height:8px;right:-4px;top:-30px;cursor:hand;}

html 贴下



$(function(){
 $(".closeimg").click(function(){
 $(this).parent().remove();
  });
});


哥们可以隐藏了,能看下这个吗,我上传返回图片排列成这了

这里是CSS
.preview{width:80px;border:solid 1px #dedede; margin:10px 1px 10px 20px;padding:10px;float:left;}
#pic-show{margin:15px 15px 15px 0px;position:relative;float:left;}
#pic-show p{position:absolute;width:8px;height:8px;right:-4px;top:-30px;cursor:hand;}

谢谢,我自己解决了,可能是php输出的json数据,没有接收到样式只有图片,我直接把样式写在JSON里面了