今天在编写一个非常简单的网页的时候，按照书上写的，使用了一个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. 用流来读取文件（getline，istringstream）

    ifstream infile("fileanme"); 原型:getline(istream &infile, string &line); 函数说明:读取文件中 ...

  2. Win7全自动精简批处理_温柔处理极速修正版/暴力剩女工程测试版

    2011htpcfans 发表于 2012-5-11 http://bbs.wuyou.net/forum.php?mod=viewthread&tid=210269&highligh ...

  3. OneSQL助力永辉超市大卖特卖

    数据库集群查询达到10w/s,更新操作5k/s,正常! 应用并发连接达到历史高峰4倍,正常! 业务平稳运行,正常! 永辉微店527大促,圆满成功!这标志着平民软件数据库工程师.accenture咨询实 ...

  4. class命名

    常见class关键词: 布局类:header, footer, container, main, content, aside, page, section 包裹类:wrap, inner 区块类:r ...

  5. js创建标签的方法--依赖于jquery

    /** * 创建标签,传入一个对象,返回一个完整的标签 * @param {Object.attribute} tag 标签 * @param {Object.attribute} attribute ...

  6. HTML5中引入的关键特性

    新特性 描述 accesskey 定义通过键盘访问元素的快捷键 contenteditable 该特性设置为true时,浏览器应该允许用户编辑元素的内容.不指定变化后的内容如何保存 contextme ...

  7. C/C++回调函数

    C/C++回调函数 在理解“回调函数”之前,首先讨论下函数指针的概念. 函数指针 (1)概念:指针是一个变量,是用来指向内存地址的.一个程序运行时,所有和运行相关的物件都是需要加载到内存中,这就决定了 ...

  8. ThinkPHP 3.2.3（二）配置

    一.配置格式 1.PHP数组定义 默认所有配置文件的定义格式均采用返回PHP数组的方式,配置参数不区分大小写. 如果使用二维数组来配置更多的信息,则二级参数配置区分大小写.格式为: //项目配置文件r ...

  9. jrebel注意事项

    -Xms2048m -Xmx2048m -XX:MaxPermSize=4096m -noverify -javaagent:C:\Users\Administrator\.IntelliJIdea2 ...

  10. dp 动态规划 hdu 1003 1087

    动态规划就是寻找最优解的过程 最重要的是找到关系式 hdu 1003 题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1003 题目大意:求最大字序列和, ...