假设我有一个必须保持的设置字体颜色,并且它覆盖了可以是任何颜色的内容,我怎样才能确保字体是否可读,无论它覆盖什么?
这是一个jsFiddle来展示我试图描述的效果. http://jsfiddle.net/4AUDr/
#overlay
{
position: relative;
top: -150px;
color: #860101;
}
Run Code Online (Sandbox Code Playgroud)
Meme字幕使用带有黑色轮廓的白色文本使其在任何假设的meme图像上都可读,但是我不认为有一种跨浏览器兼容的CSS方法可以实现这一点,并且使用较小的字体可能看起来非常可怕.
这个问题有什么解决方案?
我需要在用户离开页面之前提示用户,在确认时关闭选项卡,如果没有做任何事情.我想发一个ajax电话onbeforeunload.
我唯一的想法是为两者编写处理程序,onunload并onbeforeunload像这样:
window.onbeforeunload = function(){
return 'Are you sure you want to leave?';
};
window.onunload = function(){
$.get(
"http://www.mysite.com/php/myhandler.php",
{ data: 1 }
);
};
Run Code Online (Sandbox Code Playgroud)
但这似乎不适用于jsFiddle
<img style="" src="" onerror='this.style.visibility = "hidden"' />
Run Code Online (Sandbox Code Playgroud)
如果无法找到,这个非常简单的onerror事件处理程序会隐藏图像.
它在Chrome中按预期工作,但在Firefox中,它什么都不做.
这是一个jsFiddle,您可以尝试在Chrome和Firefox中运行以查看它的实际运行情况.
为什么firefox不起作用?
任何帮助,将不胜感激