小编tan*_*ree的帖子

我正在使用Blueimp Jquery文件上传插件异步上传文件.它适用于大多数其他浏览器(有一些小问题) - 在IE上,我看到这个问题,"完成","停止","始终","完成"和其他一些事件回调没有被调用.

在调试时,我在"完成","失败","始终"中添加了console.logs,并在_onSend函数中添加了一个"完整"方法(在jquery.fileupload.js中) - 但是没有一个似乎在IE中被调用.

_onSend: function (e, data) {
        var that = this,
            jqXHR,
            slot,
            pipe,
            options = that._getAJAXSettings(data),
            send = function (resolve, args) {
                that._sending += 1;
                jqXHR = jqXHR || (
                    (resolve !== false &&
                    that._trigger('send', e, options) !== false &&
                    (that._chunkedUpload(options) || $.ajax(options))) ||
                    that._getXHRPromise(false, options.context, args)
                ).complete(function (result, textStatus, jqXHR) {
                    console.log("complete"); 
                }).done(function (result, textStatus, jqXHR) {
                    console.log("done", result); 
                }).fail(function (jqXHR, textStatus, errorThrown) {
                    console.log("fail", result); 
                }).always(function (a1, a2, a3) { …

我正在将样式应用于以下行上的焦点元素：

.<class-name>:focus {
  outline: 4px auto #068065 !important;
  outline-offset: 2px !important;
}

（这是 Chrome 扩展代码的一部分，因此不需要跨浏览器）。

问题是当大纲样式为“自动”时，大纲偏移不会应用于 Chrome/Windows。在 Chrome/Mac 上，这很好用。

如果我将轮廓样式从“自动”更改为“实体”，轮廓偏移就可以正常工作。

我希望能够同时使用“自动”样式和轮廓偏移。有什么想法或建议吗？

我在 Mac 上看到 Chrome 的这种行为（尚未在 Windows 上测试过）。此外，由于这项工作是针对 chrome 扩展程序的，我可以得到一个仅与 Chrome 相关的解决方案（现在不必跨浏览器工作）。

问题：浏览器似乎在元素周围绘制不同的“轮廓”，具体取决于轮廓样式是否为“自动”。

当围绕作为“img”父级的标签绘制轮廓时，如下所示：

 <a href="image.com">
   <img class="profile_photo_img" src="imageSrc.jpeg" width="50" alt="Steve Jobs" height="50">
 </a>

• 如果轮廓样式为“自动”，则轮廓绘制正确。即 Chrome 会考虑内部图像的尺寸来渲染标签周围的轮廓。（请参阅屏幕截图中的绿色轮廓）。

• 如果轮廓样式是“实心”或任何其他常规样式，则轮廓仅围绕外部标签绘制，而不管内部孩子的尺寸。

我正在应用的 CSS 如下所示：

.class-name:focus {
   outline: 4px auto #068065 !important;
   outline-offset: 2px !important;
 }

1) 有没有办法解决这个问题或解决这个问题，即让浏览器也为轮廓样式的“实体”正确绘制轮廓？

2）我应该在哪里阅读更多关于这个的信息？也许是一些非正式的文档或对相关代码的访问？