社区
CSS
帖子详情
A标签嵌套Img点击事件 您一定会关注的问题
MrHu1989
2012-03-23 09:50:38
问题如上 img 是定位到图片左上角 做关闭按钮用 点击事件直接被 a标签的链接给代替了 请各位帮帮忙 有没有什么好的解决方案 在不替换href的情况下 分不多略表心意啊。谢谢
...全文
770
16
打赏
收藏
A标签嵌套Img点击事件 您一定会关注的问题
问题如上 img 是定位到图片左上角 做关闭按钮用 点击事件直接被 a标签的链接给代替了 请各位帮帮忙 有没有什么好的解决方案 在不替换href的情况下 分不多略表心意啊。谢谢
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
16 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
Acesidonu
2012-03-23
打赏
举报
回复
提问也是一种学问
MrHu1989
2012-03-23
打赏
举报
回复
[Quote=引用 13 楼 a20023930 的回复:]
好象不行吧。
[/Quote]
哎 好像有点困难
洋洋2018
2012-03-23
打赏
举报
回复
好象不行吧。
MrHu1989
2012-03-23
打赏
举报
回复
[Quote=引用 10 楼 acesidonu 的回复:]
html_div += '<a href="' + $con_a.attr("href") + '" onclick="return false;" class="con_img" >';
[/Quote]
不行 根本进不去点击事件 被A标签的href盖住了
MrHu1989
2012-03-23
打赏
举报
回复
[Quote=引用 10 楼 acesidonu 的回复:]
html_div += '<a href="' + $con_a.attr("href") + '" onclick="return false;" class="con_img" >';
[/Quote]
谢谢 等会我试试 还能跳转吧? 不过问题是我现在鼠标放在图片上显示跳转的链接。。
Acesidonu
2012-03-23
打赏
举报
回复
html_div += '<a href="' + $con_a.attr("href") + '" onclick="return false;" class="con_img" >';
MrHu1989
2012-03-23
打赏
举报
回复
[Quote=引用 8 楼 dd0607 的回复:]
阻止代码加在A上
还有我不明白 为什么你不要想跳转 又非要留住href
[/Quote]
没有 我就是想让A标签内的img 的点击事件能正常执行 不跳转
木头是猫
2012-03-23
打赏
举报
回复
阻止代码加在A上
还有我不明白 为什么你不要想跳转 又非要留住href
MrHu1989
2012-03-23
打赏
举报
回复
[Quote=引用 6 楼 dd0607 的回复:]
引用 3 楼 zsx841021 的回复:
引用 1 楼 dd0607 的回复:
JS里末端加上这句,可以阻止链接的触发
window.event.returnValue = false;
这个就是阻止事件冒泡。。这个只在IE下可用。。FF下要用e.stopPropagation();
厄 用ie/chrome/safari测试都有效 把FF给忘了
[/Quote]
鼠标放在图片上没反应 还是跳转链接
木头是猫
2012-03-23
打赏
举报
回复
[Quote=引用 3 楼 zsx841021 的回复:]
引用 1 楼 dd0607 的回复:
JS里末端加上这句,可以阻止链接的触发
window.event.returnValue = false;
这个就是阻止事件冒泡。。这个只在IE下可用。。FF下要用e.stopPropagation();
[/Quote]
厄 用ie/chrome/safari测试都有效 把FF给忘了
MrHu1989
2012-03-23
打赏
举报
回复
[Quote=引用 2 楼 zsx841021 的回复:]
看看你的代码
[/Quote]
var html_div = '<div class="con_show" id="div_' + v1 + '_\\d*' + '">';
html_div += '<a href="' + $con_a.attr("href") + '" class="con_img" >';
html_div += '<img id="delete_' + v1 + '" alt="" src="../Images/2008822182829252.gif" />';
html_div += '<img src="' + $cbx_img.attr("src") + '" width="100" />';
html_div += '</a><ul class="show_tit"><li><b>' + $cbx_name.html() + '</b></li>';
html_div += '</ul></div>';
$html_div = $(html_div);
这里
html_div += '<img id="delete_' + v1 + '" alt="" src="../Images/2008822182829252.gif" />';
这里要加上点击事件 各位帮帮忙吧
三石-gary
2012-03-23
打赏
举报
回复
[Quote=引用 3 楼 zsx841021 的回复:]
引用 1 楼 dd0607 的回复:
JS里末端加上这句,可以阻止链接的触发
window.event.returnValue = false;
这个就是阻止事件冒泡。。这个只在IE下可用。。FF下要用e.stopPropagation();
[/Quote]
但是你这样做还不如不加a了。。加了也白加。。
三石-gary
2012-03-23
打赏
举报
回复
[Quote=引用 1 楼 dd0607 的回复:]
JS里末端加上这句,可以阻止链接的触发
window.event.returnValue = false;
[/Quote]
这个就是阻止事件冒泡。。这个只在IE下可用。。FF下要用e.stopPropagation();
三石-gary
2012-03-23
打赏
举报
回复
看看你的代码
木头是猫
2012-03-23
打赏
举报
回复
JS里末端加上这句,可以阻止链接的触发
window.event.returnValue = false;
ddcatlee
2012-03-23
打赏
举报
回复
既然你的img就是关闭,为什么不把它放在a外面。。。。。。
任意图片实现垂直居中的三种方法(兼容性还不错)
在网站开发过程中,可能
会
有希望图片垂直居中的情况,而且,需要垂直居中的图片的高度也不确定,这就
会
给页面的布局带来
一定
的挑战。我总结了一下,曾经使用过的几种方法来使图片垂直居中,除了第一种方法只限于标准浏览器外,另外两种方法的兼容性还不错。 方法一: 将外部容器的显示模式设置成display:table,这个设置的意思不用多说了吧…
img
标签
外部再
嵌套
一个span
标签
,并设置span的显示模式为display:table-cell,这样span内部的内容就相当于表格,可以很方便的使用vertical-align属性来对齐其中的内容了。 代码如下: 复制代码代码如下: <html xmlns
CSS让高度不确定图片垂直居中的几种技巧
在网页设计过程中,有时候
会
希望图片垂直居中的情况。而且,需要垂直居中的图片的高度也不确定,这就
会
给页面的布局带来
一定
的挑战。下面总结了一下,曾经使用过的几种方法来使图片垂直居中,除了第一种方法只限于标准浏览器外,另外两种方法的兼容性还不错。 方法一 将外部容器的显示模式设置成display:table,这个设置的意思不用多说了吧…
img
标签
外部再
嵌套
一个span
标签
,并设置span的显示模式为display:table-cell,这样span内部的内容就相当于表格,可以很方便的使用vertical-align属性来对齐其中的内容了。 复制代码代码如下: <html xmlns=”http:
a
标签
嵌套
img
标签
,结果a
标签
不能被
img
标签
撑开
在控制台中可以看出
img
的宽度是22*22,a
标签
的宽度是22*16。 (1)那么为什么a
标签
嵌套
img
标签
,结果a
标签
不能被
img
标签
撑开?? 答案1:(2)还有a
标签
嵌套
img
标签
,a
标签
比
img
标签
高??答案2:
img
标签
放在了a
标签
(inline模型)内部,由于inline不是用来包含内容的,因此这需要将a
标签
display改为inline-block或者block; 但是仅仅改变
html a
标签
包含图片,html
标签
嵌套
a
标签
嵌套
1.a
标签
最好不要
嵌套
块级元素,可以
嵌套
内联元素,但是不能
嵌套
a
标签
和input之类的
标签
。能
嵌套
的
标签
像,等等。2.ul和ol的子元素不能是别的元素只能是li,不能是别的比如div等,但是li中可以是div,要不然在ie6和7下回把非li解析到li的内部。这个切记没有办法修复!3.p
标签
不能
嵌套
块级元素甚至不能
嵌套
p元素,只能
嵌套
内联元素,不然对p
嵌套
的块级元素设置css不起作用。4.butto...
[html] p
标签
里面
嵌套
img
标签
会
出现向上高3像素是什么原因?如何处理?
[html] p
标签
里面
嵌套
img
标签
会
出现向上高3像素是什么原因?如何处理? 图片是内联元素,内联元素的对齐方式是按照文字基线对齐的,而不是文字底线对齐,所以
会
出现空隙。 方法一: 在
img
标签
中使用 vertical-align 可以让图片完整填充父级容器。 方法二: 给
img
设置 display: block; 个人简介 我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易, 但坚持
一定
很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题 ...
CSS
61,112
社区成员
60,730
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章