{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 一夜七次 的问题《Why do links on my transparent div become unclicka》','https://www.manongdao.com/q-814655.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
Links on my website: http://rnmtest.co.uk/oddfellows/
If you hit 'Dine' you should see a 'Book Now' button. This element is not clickable in IE. The area below it has a semi-transparent png as the background. The content is loaded via jQuery.
I have put the anchor within a container div as recommended by other websites, but this has had no effect. If I resize the window in IE8 I can sometime click a small portion of the button.
This effect occurs on all anchors, not just the images.
I had to make the link position:relative; explicitly.
Once you loaded the content from jquery did you hook in the click event? Did you make sure jquery finished loading the content before you tried to hook the event? It's very easy to do.
This is a known limitation of IE6 - links within a container that use filters to create transparent backgrounds are not clickable You can find more information and a workaround here