ie11浏览器和chrome浏览器对于bgsound和background的一些区别
今天在编写一个非常简单的网页的时候,按照书上写的,使用了一个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的一些区别的更多相关文章
- 用Python+selenium打开IE浏览器和Chrome浏览器的问题
这几天在学Python+selenium自动化,对三大浏览器Firefox,Chrome和IE都做了尝试,也都分别下载了对应的webdriver,如:geckodriver.chromedriver. ...
- 套壳浏览器与Chrome浏览器之间的差别
之前QQ浏览器一直是我前端调试工具的主力,因为它是一个套壳浏览器,所以它的兼容模式(谷歌Chrome内核)和极速模式(IE浏览器内核)简直是调试兼容性的神器,可以直接切换,不用再反复打开Chrome和 ...
- 支持 IE8 IE11 和 FF, Chrome 浏览器的圆角
.rounded-corners { position: relative behavior: url(/Styles/PIE.htc); //这里一定是“/”根目录 border-radius: 2 ...
- Python+selenium学习(一) 打开Firefox浏览器,IE浏览器和Chrome浏览器
from selenium import webdriver # open Firefox #driver=webdriver.Firefox() # Open IE #driver=webdrive ...
- 搜狗浏览器或者360浏览器安装chrome 浏览器插件
https://www.cnblogs.com/ingvar/p/6403777.html#undefined
- Selenium2学习-006-WebUI自动化实战实例-004-解决 Chrome 浏览器证书提示:--ignore-certificate-errors
此文主要讲述 Java 运行 Selenium 脚本时,如何消除 Chrome 浏览器启动后显示的证书错误报警提示,附带 Chrome 参数使浏览器最大化的参数. 希望能对初学 Selenium2 W ...
- Selenium2学习-005-WebUI自动化实战实例-003-三种浏览器(Chrome、Firefox、IE)启动脚本源代码
此文主要通过 三种浏览器(Chrome.Firefox.IE)启动脚本 功能,进行 Selenium2 三种浏览器启动方法的实战实例讲解.文中所附源代码于 2015-01-18 20:33 亲测通过, ...
- Chrome浏览器扩展开发系列之八:Chrome扩展的数据存储
Google Chrome浏览器扩展可以使用如下任何一种存储机制: HTML5的localStorage API实现的本地存储(此处略) Google的chrome.storage.* API实现的浏 ...
- Chrome浏览器 54 版本显示“Adobe flash player已过期”问题解决
背景 电脑上面的软件很久没升级,用腾讯电脑管家批量做了一次升级,结果Chrome浏览器升级到54版本flash控件没法用了. 第一时间想到直接到flash官网下载一个新的进行安装,结果官网检测显示,C ...
随机推荐
- eslintrc配置翻译
{ "env": { "browser": true, "node": true, "commonjs": true } ...
- SSAS 部署失败 总结
今天部署微软官方的SSAS实例AdventureWorks Multidimensional Models SQL Server 2012到本地SQL SERVER数据库,报了好几个错误.总结一下给大 ...
- HTML5 十大新特性(七)——拖放API
拖放API是H5专门为了鼠标拖放而新提供了7个事件,可以分成三个部分来讲. 一.拖动的源对象(source)可以触发的事件 dragstart:拖动开始 drag:拖动进行中 dragend:拖动结束 ...
- python3 实现简单的信用卡还款,取款转账功能V2
仅实现还款,取款,转账,信息查询功能 程序结构: atm(函数主执行程序): #Author by Andy #_*_ coding:utf-8 _*_ import os,sys Father_pa ...
- MP3光标移动
#include<iostream> #include<string.h> using namespace std; int main() { int N; cin>&g ...
- 个人对JQuery Proxy()函数的理解
转载至:http://www.cnblogs.com/acles/archive/2012/11/20/2779282.html JQuery.proxy(function,context): 使用c ...
- 关于meta元信息元素
HTML头部<meta>标记通过属性定义文件的名称.内容.关键词.作者.描述等多种信息,但是只能在源代码中显示,页面上无法显示出来.此标签可以在头部有多个. A.设置页面关键词 基本语法: ...
- 关于classList的API
<body class="a b c"> ...... </body> document.body.classList可以取得body的classList属 ...
- 面向对象cookie增删查
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...
- PHP 中:: -> self $this 操作符的区别
访问PHP类中的成员变量或方法时, 如果被引用的变量或者方法被声明成const(定义常量)或者static(声明静态),那么就必须使用操作符::, 反之如果被引用的变量或者方法没有被声明成 const ...