欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

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

在网上找了一个css图片右上角加删除叉,拿下来试了下,但是有问题,没有实现删除,我也米看清楚到底是哪出错了?
商品列表 - <?php echo $_LANG['home'];?>
麻烦各位大神看下这个代码错在什么地方了?_html/css_WEB-ITnose
麻烦各位大神看下这个代码错在什么地方了?_html/css_WEB-ITnose
日落湖

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

2013年6月6日
麻烦各位大神看下这个代码错在什么地方了?_html/css_WEB-ITnose
麻烦各位大神看下这个代码错在什么地方了?_html/css_WEB-ITnose
天国的桥梁

桥在哪里?

by SigitEko


回复讨论(解决方案)

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

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

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

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


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

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

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

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

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

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


$(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里面了