首页 > 编程技术 > html

jpg图片在IE6和IE7下不显示解决办法

发布时间:2016-9-20 18:58

有些朋友利用ps导出的jpg图片在浏览器显示不了,但我们打开又能正常打开,后来我想了很多可能出现在ps导出ps的问题上,下面我来给各位同学介绍介绍。

我在想是不是图片的名字过长(有十几个字符)或是名字大写了的原因,但把名字改过来后还是不显示。

我又想是不是图片是gif、png等其它格式的文件,被别人改成了jpg格式,所以图片不能显示,所以我把这个图片在photoshop里打开,这时突然发现图片的模式是CMYK:

ie6下不显示cmyk模式的图片2


这时就豁然开朗了,原来是图片的模式搞错了,应该是RGB格式,CMYK模式保存的JPEG图片无法在IE6,IE7,IE8中显示(好长时间没遇到这个问题,一时没想到),非IE内核浏览器可正常渲染,接下来就简单了,在photoshop里点击菜单栏—图像—RGB模式就行了,然后把图片上传上去就正常显示了。

本文章来给大家介绍关于如何禁止input文本框输入方法,有需要了解的朋友可参考。

readonly表示此域的值不可修改,仅可与 type="text" 配合使用,可复制,可选择,可以接收焦点,后台会接收到传值.

 代码如下 复制代码

<input type="text" name="www.111cn.net" readonly="readonly"  />

disabled表示禁用input元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值

 代码如下 复制代码

<input type="text"  name="www.111cn.net" disabled="disabled" />

另外可以通过css屏蔽输入法:<input style="ime-mode: disabled">

下面总结了一些常见的引起网页中文乱码的问题分析与解决办法,一般最多的就是网页编码与数据库编码与网页编码不一致导致的。

 <一>:网站页面编码不一致 解决办法就是:把两个页面的编码变成一致。表现如图(乱的乱七八糟!!):

       

   <二>:读取数据库时设定的编码和页面编码不一致或者是读取数据库设定的编码和数据库中数据编码不一种  解决办法就是:变成一致!表现如上图!

   <三>:截取中文字符串的时候出现的乱码。

         原因:在utf8中,1.每个英文字母、数字所占的空间为1 Byte; 2.泛欧语系、斯拉夫语字母占2 Bytes; 3.汉字占3 Bytes。在截取的时候有可能截取到半个中文字,所以会出现乱码。表现为下图(还不是很乱,有一些文字还是可以显示):

要特别注意:在网站转换编码的时候可能遇到这种情况的乱码!!

关闭input输入框的自动完成功能 有需要的朋友可参考一下。
 代码如下 复制代码

<input  type=text name="UserName" autocomplete=off>

即加入autocomplete属性,并把他设成off即可

关闭输入框的自动完成功能有3种方法:

1、在IE的Internet选项菜单里的内容--自动完成里面设置

2、设置Form的autocomplete为"on"或者"off"来开启或者关闭自动完成功能

3、设置输入框的autocomplete为"on"或者"off"来开启或者关闭该输入框的自动完成功能

X-UA-Compatible这种我们经常会在大站看到着问加有这么一句,开始不理解怎么回来,百度了一下结果,下面看看关于 X-UA-Compatible 兼容模式详解。

为了将这个风险降到最低,IE6允许网页开发人员选择IE编译和显示他们网页的方式。"Quirks mode"为预设,这会使页

面以旧版本浏览器的视点显示,"Standards mode"(也称为"strict mode")特点是支持业界标准最为完善。然而要利用

这个增强的支持功能,网页必须包含恰当的<!DOCTYPE>指令。

  若一个网页没有包含<!DOCTYPE>指令,IE6会将它以quirks mode显示。若网页包含有效的<!DOCTYPE>指令但浏览器

无法辨识,IE6会将它以IE6 standards mode显示。因为少数网站已经包含<!DOCTYPE>指令,兼容性模式的切换相当成

功。

认识文件兼容性模式

IE8支持几种文件兼容性模式,它们具有不同的特性并影响内容显示的方式。

?Emulate IE8 mode指示IE使用<!DOCTYPE>指令来决定如何编译内容。Standards mode指令会显示成IE8 Standards

mode而quirks mode会显示成IE5 mode。不同于IE8 mode,Emulate IE8 mode重视<!DOCTYPE>指令。
?Emulate IE7 mode指示IE使用<!DOCTYPE>指令来决定如何编译内容。Standards mode指令会显示成IE7 Standards

mode而quirks mode会显示成IE5 mode。不同于IE7 mode,Emulate IE7 mode重视<!DOCTYPE>指令。对于许多网页来说

这是最推荐的兼容性模式。
?IE5 mode 编译内容如同IE7的quirks mode之显示状况,和IE5中显示的非常类似。
?IE7 mode编译内容如同IE7的standards mode之显示状况,无论网页是否含有<!DOCTYPE>指令。

Emulate IE7 mode 兼容性之范例。

 代码如下 复制代码

<html>
<head>
  <!-- Mimic Internet Explorer 7 -->
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  <title>My Web Page</title>
</head>
<body>
  <p>Content goes here.</p>
</body>
</html>

其内容随著指定的页面模式而更改,当要模拟IE7时,指定IE=EmulateIE7,指定IE=5, IE=7, 或IE=8来选择其中一种兼

容性模式。你也可以指定IE=edge来指示IE8使用它支持的最高模式。

X-UA-compatible标头没有大小写之分。然而除了title元素及其他的meta元素之外,它必须出现在网页header节其它元

素之前的位置,


其它兼容参考

 代码如下 复制代码
<meta http-equiv="X-UA-Compatible" content="IE=9">

IE8 模式支持许多既定行业标准,W3C CSS Level 2.1 规范和

W3C Selectors API,有限支持 W3C CSS Level 3 规范(草案)和其他行业标准

 代码如下 复制代码
<meta http-equiv="X-UA-Compatible" content="IE=8">

IE7 模式强制浏览器按照 IE 7 标准模式渲染文档,忽略是否

定义指令

 代码如下 复制代码
<meta http-equiv="X-UA-Compatible" content="IE=7">

Emulate IE9 模式告诉 IE 使用指令来决定如果渲染文档。标

准模式下以 IE9 渲染,怪癖模式下以 IE5 渲染。和 IE9 模式不同的是,Emulate IE9 模式会考虑指令

 代码如下 复制代码
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">

Emulate IE8 模式告诉 IE 使用指令来决定如果渲

染文档。标准模式下以 IE8 渲染,怪癖模式下以 IE5 渲染。和 IE8 模式不同的是,Emulate IE8 模式会考虑指令

 代码如下 复制代码
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">

Emulate IE7 模式告诉 IE 使用指令来决定如果渲

染文档。标准模式下以 IE7 渲染,怪癖模式下以 IE5 渲染。和 IE7 模式不同的是,Emulate IE7 模式会考虑指令。

对于大多数站点而言,这是首选的兼容模式

 代码如下 复制代码
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

IE5 模式告诉 IE7 是否以怪癖模式渲染文档

 代码如下 复制代码
<meta http-equiv="X-UA-Compatible" content="IE=5">

Edge

模式告诉 IE 以最高级模式渲染文档,也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级

造成的影响。简单的说,就是什么版本 IE 就用什么版本的标准模式渲染

 代码如下 复制代码
<meta http-equiv="X-UA-Compatible" content="IE=edge">

使用以下代码强制 IE 使用 Chrome Frame 渲染

 代码如下 复制代码
<meta http-equiv="X-UA-Compatible" content="chrome=1">

提示 IE 用户安装 Google Frame
Google 官方提供了对 Google Frame 插件安装情况的检测,这里直接调用方法即可,如果检测到 IE 并未安装 Google

Frame,则弹出对话框提示安装。

 代码如下 复制代码

<script" width=100% src="http://ajax.googleapis.com/ajax/libs/chrome-

frame/1/CFInstall.min.js"></script><script>CFInstall.check();</script>

最佳的兼容模式方案,结合考虑以上两

种:

 代码如下 复制代码

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

标签:[!--infotagslink--]

您可能感兴趣的文章: