今天在做毕业设计遇到的问题：如标题
代码如下：
<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div id="leftmenu_info">
<div id="touxiang">
<img src="3.jpg" width="130" height="120"/>
</div>
</body>
</html>
上面的代码在其他浏览器下均能正常运行，但在Firefox下图片显示不出来，最初考虑到可能是浏览器兼容和图片宽度太大溢出的问题，经调试，排除溢出嫌疑。然后再问答上提问，高人解答说是标准的原因。
经过一番摸索，终于找到问题的症结所在：
不同的浏览器对标准的处理不同，Firefox对XHTML 1.0的处理时img标签必须包含src和alt属性，所以如果把
<img src="3.jpg" width="130" height="120"/>
改成
<img src="3.jpg" width="130" height="120" alt="头像"/>
则显示正常。另外还有其他解决方法，比如把
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
换成
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
分享到：
相关推荐
然而，某些情况下，尤其是在使用Firefox浏览器时，可能会遇到本地图片无法显示的问题。这可能是由于浏览器安全策略或路径格式不兼容导致的。 为了解决火狐浏览器不显示本地图片的问题，我们需要考虑到路径格式的...
"图片浏览直接显示[兼容IE, FireFox]"这个标题暗示了我们要讨论的是如何在两种主流浏览器——Internet Explorer（IE）和Firefox中实现图片的无缝浏览体验。尽管IE浏览器已经不再更新，但在某些环境下仍被使用，因此...
标题“利用火狐(firefox)获取背景图片”所涉及的知识点主要集中在浏览器开发者工具的使用上，特别是针对网页元素的样式分析与资源抓取。火狐浏览器（Firefox）提供了强大的开发者工具，允许用户深入探索网页结构、...
### img图片在IE下出现空隙问题解析及解决方案 #### 问题背景 在网页开发过程中，经常遇到不同浏览器之间的兼容性问题。其中，一个常见的问题是IE（Internet Explorer）浏览器下的图片显示异常，尤其是在图片周围...
本文将详细讲解如何利用jQuery来实现在页面上显示用户上传的本地图片，同时确保在IE和Firefox等浏览器中的兼容性。 首先，我们需要一个HTML表单来接收用户选择的图片文件： ```html <img id="previewImage" ...
不过需要注意的是，Firefox对于跨域安全的限制更严格，如果图片不在同源策略允许的范围内，可能需要设置CORS或者使用`file:`协议。 4. **JavaScript封装**：为了确保代码的可维护性和通用性，通常会将兼容处理封装...
尽管SVG在现代浏览器（如Chrome、Firefox、Safari和Edge）中广泛支持，但在旧版IE（尤其是IE8及以下）中存在兼容问题。为了确保跨浏览器的兼容性，有几种解决方案： 1. **VML或Flash fallback**：对于不支持SVG的...
在这个场景中，我们关注的是如何在JavaScript中处理图片的粘贴功能，尤其是让这个功能在IE11、Chrome和Firefox这三大主流浏览器中正常工作。下面将详细探讨实现这一功能的关键知识点。 1. **剪贴板API**： - 在...
在Chrome、Firefox等现代浏览器中，通过`document.getElementById`获取元素并直接设置`src`属性的新值，通常能够正常工作，图片会按预期加载。但在IE中，尤其是IE8及以下版本，由于浏览器的实现机制不同，可能会出现...
本文将深入探讨如何实现一个兼容火狐（Firefox）和IE（Internet Explorer）浏览器的JS图片预览功能，同时也会涉及到源码分析和相关工具的使用。 一、基本原理 图片预览的核心是利用HTML的`<img>`标签和`window.URL....
在Firefox和其他支持File API的浏览器中，我们可以利用`<input type="file">`元素，结合JavaScript来读取选中的图片文件，然后使用`FileReader`对象的`readAsDataURL`方法将图片数据转换成`data:` URL，最后插入到`...
描述中提到，在IE6浏览器下图片能够正常刷新显示，但在IE7以及Firefox浏览器中不刷新。这说明不同浏览器对缓存机制的处理存在差异，这在进行跨浏览器兼容性测试时非常重要。 标签“Jquery image src”指的是使用...
本示例着重于解决在Firefox（火狐浏览器）上实现图片上传预览的问题。"兼容ff的上传图片预览功能示例"这个标题表明了这个代码实例或教程主要目标是确保在Firefox浏览器中能够正常运行的图片预览功能。 通常，图片...
本篇文章将详细探讨如何实现“图片上传预览”功能，并确保在IE 6/7/8及Firefox（包括新版）等浏览器中的兼容性。 首先，我们需要了解不同浏览器对HTML5新特性的支持情况。现代浏览器如Chrome、Safari和新版Firefox...
然而，由于安全策略的限制，Firefox浏览器默认不允许直接通过JavaScript访问本地文件系统，因此不能直接通过`<img>`标签的`src`属性加载本地文件路径来实现图片预览。这个问题可以通过一些技巧来解决，比如使用`file...
标题 "兼容ie,Firefox的文件上传" 涉及的核心知识点是实现跨浏览器的文件上传功能，特别是针对Internet Explorer（IE）和Firefox这两个主流浏览器的兼容性问题。在Web开发中，由于不同浏览器对HTML、CSS和JavaScript...
标题与描述均提到了“Js图片广告轮换效果[支持ie7,ie8.firefox,ie6]”，这指向了一种使用JavaScript实现的图片轮播技术，特别强调了对旧版浏览器如IE6、IE7、IE8以及Firefox的支持。在现代Web开发中，虽然这些浏览器...
然而，传统的`<select>`标签并不支持直接在选项中显示图片，只支持纯文本内容。但随着现代Web技术的发展，我们可以通过一些技巧来实现`select`下拉框中显示图片和文本的复合内容。以下是一些关键知识点，用于在`...
第二种则是使用Data URI scheme直接在<img>标签中嵌入Base64编码后的图片数据，如下所示：<img src="data:image/gif;base64,R0lGODlhAgACAIAAAP///wAAACwAAAAAAgACAAACAoRRADs=" />。这种方式可以节省HTTP请求，但...