firefox与IE的background属性backgroundImage

本文转自：http://bbs.blueidea.com/archiver/tid-2804690.html

原文如下：

xbj126 发表于 2007-10-30 11:36

用javascript更改background属性，firefox不支持,请求解决方法

我的代码如下

document.getElementById("news").background = "images/news_bg3.gif";

IE可以正常运行
firefox却不行，请高手帮忙解决

sunritz 发表于 2007-10-30 11:42

[html]
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function bg(){
document.getElementById("news").style.backgroundImage = "url(http://bbs.blueidea.com/images/blue/logo.gif)";

}
</script>
</head>
<body onload="bg()">
<div id=news>
asfafdf
</div>
</body>
</html>
[/html]

你可能感兴趣的:(background)

  • 解决背景图因为图片路径中携带括号导致图片无法显示的问题 苏世-顾长歌 微信小程序uniapp微信小程序
    本人是在uniapp中写微信小程序遇到了这个问题，调用后端接口传来的数据，发现有些背景图能正常显示，但有些不能，最后发现问题是因为路径地址携带了()的原因如下：注：该地址无法正常访问，放在这只是做个样式background-image:url("http://www.c.cn:81/scx20326/2009160703(00084).jpg");解决办法：:style="{backgroundI
  • ruoyi&vue+electron+ffi&dll+CAN+串口 思想永无止境 Web前端Windowsvue.jselectron前端
    package.json{"name":"test","version":"1.0.0","description":"test","author":"tzc","license":"MIT","main":"background.js","scripts":{"dev":"vue-cli-serviceserve","build:prod":"vue-cli-servicebuild","bui
  • 一二和布布和好网页 九月の约定 javascript前端css
    效果类似和好神器一二版_哔哩哔哩_bilibili直接上代码宝宝我们和好吧body{display:flex;justify-content:center;align-items:center;height:100vh;margin:0;background-color:#ffe6e6;font-family:"MicrosoftYaHei",sans-serif;}.container{text
  • ElementUI：设置table的背景透明、根据表格情况设置背景色、设置文字颜色、文字左右间距、表头、每一行高度 2401_89285701 elementuivue.js前端
    设置背景色透明==================================================================::v-deep.el-table__expanded-cell{background-color:transparent!important;}::v-deep.el-tableth,::v-deep.el-tabletr,::v-deep.el-ta
  • HarmonyOS NEXT 长时任务的学习和总结 架构教育
    想要使用鸿蒙的长时任务需要配置权限：ohos.permission.KEEP_BACKGROUND_RUNNING并在module.json5中配置需要处理的长时任务类型，此处以定位为例：{..."backgroundModes":[//长时任务类型的配置项"location"]}]然后再合适的地方调用startBackgroundRunning方法开启长时任务，通过调用stopBackgroun
  • css实现梯形tab切换 一只快乐的小青蛙 cssjavascript前端
    {{item.name}}consttabList=ref([{id:1,name:'认证车辆',},{id:2,name:'临时加车',},])constcheckNum=ref(1).tabs{display:flex;width:100%;gap:20px;height:40px;background-color:#f0f4f8;.tabs_item{display:flex;width:5
  • css实现：不固定宽高，随内容宽度自动增长的圆形 月伤59 css前端javascript
    1.circle{display:inline-block;border-radius:50%;min-width:20px;min-height:20px;padding:5px;background:red;color:white;text-align:center;line-height:1;box-sizing:content-box;white-space:nowrap;}.circle
  • css 梯形tab标签页 有脾气的程序媛 css
    现在越来越时尚化，tab标签页已经不像原来的那么传统格式化了，现在给大家实现一个简约美观的tab标签页比较简约的梯形tabDocument.nav{display:flex;width:300px;align-items:flex-end;}.nav.item{flex:1;height:40px;background:#eee;border-radius
  • .NET 多线程 C# 多线程 持续更新、完善、进化 shepherd枸杞泡茶 C#.netc#
    在.NET环境下，多线程编程主要有ThreadThreadPoolTaskParallelBackgroundWorker等几种，还有一个与多线程相关的：异步编程async/await，值得强调的是，异步编程不等于多线程。当然，这几种多线程编程的方式并不是独立开的，在底层的封装有一定的联系。1.Thread1.1基础应用引用Thread的命名空间usingSystem;usingSystem.Th
  • 关于Qt使用QPalette设置Qwidget背景色无效的解决办法及分析 weixin_34296641
    因需要，需要重绘窗口的标题栏。标题栏通过QWidget实现，可是当使用QPalette设置窗口的背景色后没有效果。代码如下://QWidget类构造函数内QPalettep;p.setBrush(this->backgroundRole(),QBrush(QColor(51,51,51)));this->setPalette(p);如果这个QWidget直接show，是有背景色的，但是如果把它放到
  • QT设置背景图片以及设置按钮 Love_Together QtQt设置背景图片
    1.Qt设置背景图片①。设置UI窗口背景图片，需要在构造函数中添加以下代码：this->setAutoFillBackground（true）;QPalettepalette=this->palette（）;Palette.setBrush（Qpalette::窗口，QBrush（QPixmap的（“：RES/picture.png”）。缩放（这->尺寸
  • 【面试题】line-height继承问题 周兴 面试题csscss3前端
    1.line-height为具体数值当父元素line-height的值为具体数值的时候，例如30px，则子元素的line-height直接继承该数值。body{font-size:20px;line-height:50px;}p{background-color:#ccc;font-size:16px;}这是一行文字2.line-height为比例当父元素line-height的值为比例时，如2、
  • 前端基础之动画效果 青红光硫化黑 前端
    简单的入场与出场显示/隐藏helloexportdefault{name:'Test',data(){return{isShow:true}}}h1{background-color:orange;}.hello-enter-active{/*进入的动画*/animation:atguigu0.5s;}.hello-leave-active{/*退出的动画*/animation:atguigu0.
  • vue3，Element Plus中抽屉el-drawer的样式设置 BillKu vue.jsjavascript前端
    el-drawer标签的摆放位置说明：要想有效设置el-drawer的样式，需确保el-drawer的上层不是template，须被其他元素包裹如：这样摆放设置样式不起效果：el-drawer样式设置说明：//抽屉头部::v-deep.el-drawer__header{margin-bottom:0;padding:0;height:32px;//background-color:#ccc;}/
  • React Native 新架构，前端开发框架 2401_83974173 2024年程序员学习reactnative架构react.js
    JSthread会先对其序列化,形成下面一条消息UIManager.createView([343,“RCTView”,31,{“backgroundColor”:-16181,“width”:200,“height”:200}])通过Bridge发到ShadowThread。ShadowTread接收到这条信息后，先反序列化，形成Shadowtree，然后传给Yoga，形成原生布局信息。接着又通
  • 粒子代码模块 倾听醉梦语 表白html
    粒子特效body{margin:0;overflow:hidden;background:#000;}canvas{position:absolute;top:0;left:0;width:100%;height:100%;}import*asTHREEfrom"https://cdn.skypack.dev/[email protected]";import{OrbitControls}from"htt
  • HTML+CSS+原生JS手写todolist 余月初贰 前端vue.jsjavascript
    代码分三个部分1.htlm部分ToDoList—最简单的待办事项列表ToDoList正在进行已经完成Copyright©2014todolist.cnclear2.css部分body{margin:0;padding:0;font-size:16px;background:#CDCDCD;}header{height:50px;background:#333;background:rgb
  • 原生JS和CSS，HTML实现开屏弹窗 QTX18730 csshtmljavascript
    开屏弹窗常应用于打开游戏，或者打开网站的时候，跳出来在正中间，来显示一些信息，并可以设置今日不再显示CSS代码如下#box{width:100vw;height:100vh;background-color:rgba(0,0,0,0.2);position:relative;display:none;}.alerts{width:250px;height:400px;background-colo
  • LinkedDS Algorithms and Data Structures 后端
    AlgorithmsandDataStructuresIProject2:LinkedDSBackgroundThisprojectisdesignedtoincreaseyourexperiencewithlinkeddatastructures.SimilartoProject1,youwillworkwithcontrolstructures,class-building,interface
  • vim:基础配置 LG.YDX Linuxvimexcel编辑器
    Vim配置清单设置行号显示setnumber设置相对行号（可选）setrelativenumber设置制表符为4个空格settabstop=4设置自动缩进setautoindent"启用语法高亮syntaxon"设置背景颜色（可选，根据终端或GUIVim设置）setbackground=dark"设置滚动行为为半页set scrolloff=8显示光标当前行的行号和列号setruler启用鼠标支持
  • HTML/CSS/JavaScript 如果你需要创建一个简单的网页可以使用: 一一代码 python
    我的网页body{font-family:Arial,sans-serif;background-color:#f0f0f0;text-align:center;padding:50px;}h1{color:#333;}button{padding:10px20px;font-size:16px;background-color:#007BFF;color:white;border:none;cu
  • 邮箱html邮件显示不全,制作邮箱能正常显示的HTML邮件的方法 weixin_39812577 邮箱html邮件显示不全
    制作邮箱能正常显示的HTML邮件的方法发送html邮件的建议：用style写内联的CSS；少用图片；用table实现左右布局或者更复杂的布局；用background元素设置背景图片等。几乎每个会员制网站都需要通过后台发送邮件来与会员进行沟通，如注册确认、营销推广。这些由站方发给会员的信件，往往纯文本格式已不能满足界面和交互的要求，这时候我们就需要发送HTML页面。由于HTML邮件不是独立的HOST
  • React中使用高德地图组件React-amap qq_36560180 ReactReact-amap高德地图
    在项目中有一个需要在地图上显示物体定位以及分布热力图的需求，导师选择使用高德地图进行实现。对应的package为React-amap。记录一下在项目中遇到的几个问题以及解决方案：自定义Markers外观，//标记杆塔的图片样式style={position:'relative',backgroundColor:'white',color:'#fff',border:'0pxsolid#fff',b
  • 页面中指定元素进入全屏&&退出全屏 SarinaDu csscss3html
    可运行demoFullscreenDivExample/*设置div的样式*/#fullscreenDiv{width:300px;/*宽度*/height:200px;/*高度*/background-color:lightblue;/*背景颜色*/display:flex;/*使用flex布局*/justify-content:center;/*水平居中*/align-items:center
  • 解锁Linux性能密码：25个实用调优技巧 大雨淅淅 Linuxlinux运维
    目录一、引言二、系统资源监控工具2.1top和htop2.2vmstat2.3iostat三、内核参数优化3.1调整swappiness参数3.2优化I/O调度器3.3调整dirty_ratio和dirty_background_ratio3.4启用大页内存（HugePages）3.5调整内核参数net.core.somaxconn四、网络性能优化4.1优化网络缓冲区4.2调整tcp_tw_rec
  • 终极指南：styled-components 深度解析与实战对比 ox0080 #北漂+滴滴出行WebVIP激励styled-comCSS
    一、CSS-in-JS革命：现代Web样式新范式1.1传统CSS的三大痛点全局污染：class命名冲突导致"样式战争"状态隔离：动态样式需要操作DOM类名架构割裂：样式文件与组件逻辑分离//传统CSS的典型问题实例//Button.css.btn{background:blue;}//全局作用域//App.css.btn{padding:10px;}//意外覆盖1.2CSS-in-JS的核心优势真
  • HTML+CSS学习笔记 潘越越 学习笔记
    目录一、emmet语法二、常用html标签使用方法：三、常用CSS样式css样式设计具体引入方式1.关于border边框的设计2.关于text文本内容的管理3.关于盒模型的分类以及position属性：4.background属性的使用5.实现样式转变持续更新……首先，整体了解有关HTML和CSS的使用，主要是为了搭建静态页面有关HTML5所需要掌握的框架：React+Reactnativeuni
  • CSS实现图片缺角效果 凉风听雪 CSS炫酷使用css前端css3html
    效果：源码：123body{margin:0;padding:0;background:#f9f9f9;display:flex;align-items:center;justify-content:center;height:100vh;}.row{display:flex;padding:30px;gap:30px;flex-wrap:wrap;background:inherit;}.box
  • 切换浅色和暗夜模式的vue组件 darkmode-switch-btn 日积一沙 前端
    简单方案第一步在head中声明，声明当前页面支持light和dark两种模式第二步设置不同模式下的全局样式变量，供全局子元素引用，实现模式修改，全局样式一起修改的效果。注：1.有些属性如background不能实现继承，所以要实现不同元素背景色的统一修改，只能是不同元素使用同一变量。模式修改，变量值会修改，从而实现样式的切换//字体$font-light-color-1:#1b1b1b;$font
  • 去除背景的gdal矢量化 @Mr_LiuYang 写过的小程序遇到过的问题
    由于gdal的矢量化在大图上效率太低，这里采用掩膜去除背景后矢量化操作。复制后直接使用以下Raster2Vector函数即可//Raster2Vector:栅格转矢量//注意：//程序中调用了创建掩膜函数！//输入：//pszSrcFile—栅格数据路径//pszDstFile—矢量数据保存路径//pszFormat—矢量数据格式，默认为shp//Background—所需掩膜的背景值，默认为0/
  • linux系统服务器下jsp传参数乱码 3213213333332132 javajsplinuxwindowsxml
    在一次解决乱码问题中， 发现jsp在windows下用js原生的方法进行编码没有问题，但是到了linux下就有问题， escape,encodeURI,encodeURIComponent等都解决不了问题 但是我想了下既然原生的方法不行，我用el标签的方式对中文参数进行加密解密总该可以吧。于是用了java的java.net.URLDecoder,结果还是乱码，最后在绝望之际，用了下面的方法解决了
  • Spring 注解区别以及应用 BlueSkator spring
    1. @Autowired @Autowired是根据类型进行自动装配的。如果当Spring上下文中存在不止一个UserDao类型的bean，或者不存在UserDao类型的bean，会抛出 BeanCreationException异常，这时可以通过在该属性上再加一个@Qualifier注解来声明唯一的id解决问题。   2. @Qualifier 当spring中存在至少一个匹
  • printf和sprintf的应用 dcj3sjt126com PHPsprintfprintf
    <?php printf('b: %b <br>c: %c <br>d: %d <bf>f: %f', 80,80, 80, 80); echo '<br />'; printf('%0.2f <br>%+d <br>%0.2f <br>', 8, 8, 1235.456); printf('th
  • config.getInitParameter 171815164 parameter
    web.xml <servlet> <servlet-name>servlet1</servlet-name> <jsp-file>/index.jsp</jsp-file> <init-param> <param-name>str</param-name>
  • Ant标签详解--基础操作 g21121 ant
            Ant的一些核心概念：         build.xml：构建文件是以XML 文件来描述的，默认构建文件名为build.xml。        project：每个构建文
  • [简单]代码片段_数据合并 53873039oycg 代码
            合并规则:删除家长phone为空的记录,若一个家长对应多个孩子,保留一条家长记录,家长id修改为phone,对应关系也要修改。         代码如下:        
  • java 通信技术 云端月影 Java 远程通信技术
    在分布式服务框架中，一个最基础的问题就是远程服务是怎么通讯的，在Java领域中有很多可实现远程通讯的技术，例如：RMI、MINA、ESB、Burlap、Hessian、SOAP、EJB和JMS等，这些名词之间到底是些什么关系呢，它们背后到底是基于什么原理实现的呢，了解这些是实现分布式服务框架的基础知识，而如果在性能上有高的要求的话，那深入了解这些技术背后的机制就是必须的了，在这篇blog中我们将来
  • string与StringBuilder 性能差距到底有多大 aijuans
              之前也看过一些对string与StringBuilder的性能分析，总感觉这个应该对整体性能不会产生多大的影响，所以就一直没有关注这块！         由于学程序初期最先接触的string拼接，所以就一直没改变过自己的习惯！        
  • 今天碰到 java.util.ConcurrentModificationException 异常 antonyup_2006 java多线程工作IBM
    今天改bug，其中有个实现是要对map进行循环，然后有删除操作，代码如下： Iterator<ListItem> iter = ItemMap.keySet.iterator(); while(iter.hasNext()){ ListItem it = iter.next(); //...一些逻辑操作 ItemMap.remove(it); } 结果运行报Con
  • PL/SQL的类型和JDBC操作数据库 百合不是茶 PL/SQL表标量类型游标PL/SQL记录
    PL/SQL的标量类型:    字符,数字,时间,布尔,%type五中类型的 --标量：数据库中预定义类型的变量 --定义一个变长字符串 v_ename varchar2(10); --定义一个小数,范围 -9999.99~9999.99 v_sal number(6,2); --定义一个小数并给一个初始值为5.4 :=是pl/sql的赋值号
  • Mockito：一个强大的用于 Java 开发的模拟测试框架实例 bijian1013 mockito单元测试
    Mockito框架：         Mockito是一个基于MIT协议的开源java测试框架。         Mockito区别于其他模拟框架的地方主要是允许开发者在没有建立“预期”时验证被测系统的行为。对于mock对象的一个评价是测试系统的测
  • 精通Oracle10编程SQL(10)处理例外 bijian1013 oracle数据库plsql
    /* *处理例外 */ --例外简介 --处理例外-传递例外 declare v_ename emp.ename%TYPE; begin SELECT ename INTO v_ename FROM emp where empno=&no; dbms_output.put_line('雇员名：'||v_ename); exceptio
  • 【Java】Java执行远程机器上Linux命令 bit1129 linux命令
    Java使用ethz通过ssh2执行远程机器Linux上命令，   封装定义Linux机器的环境信息   package com.tom; import java.io.File; public class Env { private String hostaddr; //Linux机器的IP地址 private Integer po
  • java通信之Socket通信基础 白糖_ javasocket网络协议
    正处于网络环境下的两个程序，它们之间通过一个交互的连接来实现数据通信。每一个连接的通信端叫做一个Socket。一个完整的Socket通信程序应该包含以下几个步骤： ①创建Socket； ②打开连接到Socket的输入输出流； ④按照一定的协议对Socket进行读写操作； ④关闭Socket。   Socket通信分两部分：服务器端和客户端。服务器端必须优先启动，然后等待soc
  • angular.bind boyitech AngularJSangular.bindAngularJS APIbind
    angular.bind 描述：         上下文，函数以及参数动态绑定，返回值为绑定之后的函数. 其中args是可选的动态参数，self在fn中使用this调用。 使用方法：          angular.bind(se
  • java-13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class KickOutBadGuys { /** * 题目：13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。 * Maybe you can find out
  • Redis.conf配置文件及相关项说明（自查备用） Kai_Ge redis
       Redis.conf配置文件及相关项说明 # Redis configuration file example # Note on units: when memory size is needed, it is possible to specifiy # it in the usual form of 1k 5GB 4M and so forth: #
  • [强人工智能]实现大规模拓扑分析是实现强人工智能的前奏 comsci 人工智能
         真不好意思,各位朋友...博客再次更新...      节点数量太少,网络的分析和处理能力肯定不足,在面对机器人控制的需求方面,显得力不从心....      但是,节点数太多,对拓扑数据处理的要求又很高,设计目标也很高,实现起来难度颇大...
  • 记录一些常用的函数 dai_lm java
    public static String convertInputStreamToString(InputStream is) { StringBuilder result = new StringBuilder(); if (is != null) try { InputStreamReader inputReader = new InputStreamRead
  • Hadoop中小规模集群的并行计算缺陷 datamachine mapreducehadoop并行计算
    注：写这篇文章的初衷是因为Hadoop炒得有点太热，很多用户现有数据规模并不适用于Hadoop，但迫于扩容压力和去IOE（Hadoop的廉价扩展的确非常有吸引力）而尝试。尝试永远是件正确的事儿，但有时候不用太突进，可以调优或调需求，发挥现有系统的最大效用为上策。 -----------------------------------------------------------------
  • 小学4年级英语单词背诵第二课 dcj3sjt126com englishword
    egg  蛋 twenty 二十 any 任何 well 健康的，好   twelve 十二 farm 农场 every 每一个 back 向后，回   fast 快速的 whose 谁的 much 许多 flower 花   watch 手表 very 非常，很 sport 运动 Chinese 中国的  
  • 自己实践了github的webhooks, linux上面的权限需要注意 dcj3sjt126com githubwebhook
    环境, 阿里云服务器   1. 本地创建项目, push到github服务器上面   2. 生成www用户的密钥 sudo -u www ssh-keygen -t rsa -C "[email protected]"     3. 将密钥添加到github帐号的SSH_KEYS里面   3. 用www用户执行克隆, 源使
  • Java冒泡排序 蕃薯耀 冒泡排序Java冒泡排序Java排序
    冒泡排序 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月23日 10:40:14 星期二 http://fanshuyao.iteye.com/
  • Excle读取数据转换为实体List【基于apache-poi】 hanqunfeng apache
    1.依赖apache-poi   2.支持xls和xlsx   3.支持按属性名称绑定数据值   4.支持从指定行、列开始读取   5.支持同时读取多个sheet   6.具体使用方式参见org.cpframework.utils.excelreader.CP_ExcelReaderUtilTest.java 比如： Str
  • 3个处于草稿阶段的Javascript API介绍 jackyrong JavaScript
    原文： http://www.sitepoint.com/3-new-javascript-apis-may-want-follow/?utm_source=html5weekly&utm_medium=email   本文中，介绍3个仍然处于草稿阶段，但应该值得关注的Javascript API. 1) Web Alarm API   &
  • 6个创建Web应用程序的高效PHP框架 lampcy Web框架PHP
    以下是创建Web应用程序的PHP框架，有coder bay网站整理推荐： 1. CakePHP CakePHP是一个PHP快速开发框架，它提供了一个用于开发、维护和部署应用程序的可扩展体系。CakePHP使用了众所周知的设计模式，如MVC和ORM，降低了开发成本，并减少了开发人员写代码的工作量。 2. CodeIgniter CodeIgniter是一个非常小且功能强大的PHP框架，适合需
  • 评"救市后中国股市新乱象泛起"谣言 nannan408
    首先来看百度百家一位易姓作者的新闻： 三个多星期来股市持续暴跌，跌得投资者及上市公司都处于极度的恐慌和焦虑中，都要寻找自保及规避风险的方式。面对股市之危机，政府突然进入市场救市，希望以此来重建市场信心，以此来扭转股市持续暴跌的预期。而政府进入市场后，由于市场运作方式发生了巨大变化，投资者及上市公司为了自保及为了应对这种变化，中国股市新的乱象也自然产生。 首先，中国股市这两天
  • 页面全屏遮罩的实现 方式 Rainbow702 htmlcss遮罩mask
    之前做了一个页面，在点击了某个按钮之后，要求页面出现一个全屏遮罩，一开始使用了position:absolute来实现的。当时因为画面大小是固定的，不可以resize的，所以，没有发现问题。 最近用了同样的做法做了一个遮罩，但是画面是可以进行resize的，所以就发现了一个问题，当画面被reisze到浏览器出现了滚动条的时候，就发现，用absolute 的做法是有问题的。后来改成fixed定位就
  • 关于angularjs的点滴 tntxia AngularJS
      angular是一个新兴的JS框架，和以往的框架不同的事，Angularjs更注重于js的建模，管理，同时也提供大量的组件帮助用户组建商业化程序，是一种值得研究的JS框架。   Angularjs使我们可以使用MVC的模式来写JS。Angularjs现在由谷歌来维护。   这里我们来简单的探讨一下它的应用。   首先使用Angularjs我
  • Nutz--->>反复新建ioc容器的后果 xiaoxiao1992428 DAOmvcIOCnutz
    问题： public class DaoZ {     public static Dao dao() { // 每当需要使用dao的时候就取一次     Ioc ioc = new NutIoc(new JsonLoader("dao.js"));     return ioc.get(
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他