今天在编写一个非常简单的网页的时候，按照书上写的，使用了一个jpg图片作为背景图片，用background属性放在<body>标签内，同时使用<bgsound>标签插入背景音乐。代码如下：

 <html>

 <head>

     <title>QQ空间开场音乐</title>

 </head>

 <body background="123.jpg">

     <bgsound src="1.mp3" loop="true">

     <center>

             <embed src="4.swf"></embed>

     </center>

 </body>

 </html>

然后放到浏览器中检查。但是我发现在IE11浏览器中，背景音乐可以播放，但是背景图片无法显示，而在chrome中，背景图片可以显示，却没有背景音乐。接下来我搜索一下，发现是因为Google chrome不支持<bgsound>，解决方案是换用<embed>标签。如下<embed src="1.mp3" autostart="true" loop="true" hidden="true">。但是chrome对这个标签的支持也不好，无法识别循环播放的指令。但是这样也凑合，否则如果真的要实现还需要用HTML5的<audio>标签。鉴于IE浏览器受系统版本的限制，并不是所有用户都升级到了win8.1或win10，所以可能他们的浏览器不能很好支持HTML5。

下一个问题就是ie浏览器显示不了我的背景图片的问题了。搜索了好久也没什么结果，后来我想试试是不是“不能用相对路径，只能用绝对路径”的原因。于是我在IE浏览器中打开那个JPG图片。顿时我就明白了，JPG图片无法在IE11中被读取，在IE11中它是一个不能读取的东西。于是我在源码中把图片更改为拓展名是png的图片，再一试果然成功了。

以上表明:

1、google chrome不支持bgsound标签，但支持JPG格式的图片显示

2、IE11浏览器不支持JPG格式的图片显示，但支持bgsound标签。

鉴于国内不少用户使用IE浏览器，所以以后要注意尽量按照IE浏览器的格式来编写网页。

ie11浏览器和chrome浏览器对于bgsound和background的一些区别的更多相关文章

  1. 用Python+selenium打开IE浏览器和Chrome浏览器的问题

    这几天在学Python+selenium自动化,对三大浏览器Firefox,Chrome和IE都做了尝试,也都分别下载了对应的webdriver,如:geckodriver.chromedriver. ...

  2. 套壳浏览器与Chrome浏览器之间的差别

    之前QQ浏览器一直是我前端调试工具的主力,因为它是一个套壳浏览器,所以它的兼容模式(谷歌Chrome内核)和极速模式(IE浏览器内核)简直是调试兼容性的神器,可以直接切换,不用再反复打开Chrome和 ...

  3. 支持 IE8 IE11 和 FF, Chrome 浏览器的圆角

    .rounded-corners { position: relative behavior: url(/Styles/PIE.htc); //这里一定是“/”根目录 border-radius: 2 ...

  4. Python+selenium学习（一） 打开Firefox浏览器，IE浏览器和Chrome浏览器

    from selenium import webdriver # open Firefox #driver=webdriver.Firefox() # Open IE #driver=webdrive ...

  5. 搜狗浏览器或者360浏览器安装chrome 浏览器插件

    https://www.cnblogs.com/ingvar/p/6403777.html#undefined

  6. Selenium2学习-006-WebUI自动化实战实例-004-解决 Chrome 浏览器证书提示：--ignore-certificate-errors

    此文主要讲述 Java 运行 Selenium 脚本时,如何消除 Chrome 浏览器启动后显示的证书错误报警提示,附带 Chrome 参数使浏览器最大化的参数. 希望能对初学 Selenium2 W ...

  7. Selenium2学习-005-WebUI自动化实战实例-003-三种浏览器（Chrome、Firefox、IE）启动脚本源代码

    此文主要通过 三种浏览器(Chrome.Firefox.IE)启动脚本 功能,进行 Selenium2 三种浏览器启动方法的实战实例讲解.文中所附源代码于 2015-01-18 20:33 亲测通过, ...

  8. Chrome浏览器扩展开发系列之八：Chrome扩展的数据存储

    Google Chrome浏览器扩展可以使用如下任何一种存储机制: HTML5的localStorage API实现的本地存储(此处略) Google的chrome.storage.* API实现的浏 ...

  9. Chrome浏览器 54 版本显示“Adobe flash player已过期”问题解决

    背景 电脑上面的软件很久没升级,用腾讯电脑管家批量做了一次升级,结果Chrome浏览器升级到54版本flash控件没法用了. 第一时间想到直接到flash官网下载一个新的进行安装,结果官网检测显示,C ...

随机推荐

  1. Working with Data » Getting started with ASP.NET Core and Entity Framework Core using Visual Studio » 更新关系数据

    Updating related data¶ 7 of 7 people found this helpful The Contoso University sample web applicatio ...

  2. Java-用switch判断季节

    import java.util.*;class Demo3 { public static void main(String[] args) { //需求 :输入一个月份 ,判断月份属于哪一个季节 ...

  3. JavaSript模块化-AMD规范与CMD规范

    JavaScript模块化 在了解AMD,CMD规范前,先来简单地了解下什么是模块化,模块化开发. 模块化是指在解决某一个复杂问题或者一系列的杂糅问题时,依照一种分类的思维把问题进行系统性的分解以之处 ...

  4. [HTML/HTML5]1 HTML文档设置

    1.1  创建HTML文件 本质上,HTML文件就是具有下列两个特征的简单文本文件: HTML文件的扩展名为.html或者.htm.文件扩展名是一个缩写,它可将文件正确地关联到需要访问它的程序或工具. ...

  5. Flask-admin使用经验技巧总结

    笔者是看狗书入门的flask,狗书上对于flask-admin这个扩展并没有进行讲解,最近因为项目需要,学习使用flask-admin,瞬间体会到了flask开发的快速.扩展的强大 Flask-adm ...

  6. Java EE : 二、图解 Cookie（小甜饼）

    目录 Java EE : 一.图解Http协议 Java EE : 二.图解 Cookie(小甜饼) Java EE : 三.图解Session(会话) 概述 一.概述 二.详细介绍Cookie 传输 ...

  7. Spring——jar包详解(转)

    Spring——jar包详解 org.springframework.aop ——Spring的面向切面编程,提供AOP(面向切面编程)的实现 org.springframework.asm——spr ...

  8. JAVA集合类汇总

    一.集合与数组 数组(可以存储基本数据类型)是用来存现对象的一种容器,但是数组的长度固定,不适合在对象数量未知的情况下使用. 集合(只能存储对象,对象类型可以不一样)的长度可变,可在多数情况下使用. ...

  9. uva 10801（最短路）

    题目大意: 有一层不超过100层的大楼, 有n个电梯,它们的速度都不同. 而且每个电梯只能到达指定的那些楼层,而且它们都有各自的速度(即上升一层或下降一层所用的时间). 如果一个人在某层走出电梯,要换 ...

  10. opencv 基础语法

    1.关于图像:显示图象 //在指定窗口显示图像cvShowImage void cvShowImage( const char* name, const CvArr* image ); name:窗口 ...