style.background 不起作用IE

（一）IE8以下background不起作用

最近遇到了些小bug,在这里做个记录分享下.低版本的浏览器不支持新属性或者说对代码的解析方式不一样,导致最后解析出来的结果五花八门,各种浏览器之间的兼容的确是一个令开发人员头疼的事情,不过有时候换一个思路去写也许能避免许多hack,不管是js hack还是css hack始终都是不推荐的,能避免则避免. 先分享一篇别人总结的 css hack方式,比较齐全,感谢原博主.http://blog.csdn.net/freshlover/article/details/12132801 我的问题描述:

background:transparent的作用

background的属性值 background : background-color | background-image | background-repeat | background-attachment | background-position ; background:transparent 相当于 background-color:transparent; 一般情况下 background:transparent 和background:none; 效果是一样的,而前者偏向于颜

vue style background

vue 动态加载背景图 :style="{backgroundImage: 'url('+ item.imgList[0] +')',backgroundRepeat:'no-repeat',backgroundPosition:'center center',backgroundSize:'cover'}"

style设置/获取样式的问题和 offsetWidth/offsetHeight的问题

style设置/获取样式的问题:1.js通过style方法 --加样式:加的是行间样式 oDiv.style.width="20"+'px'; --取样式:取得是行间样式 alert(oDiv.style.width) --当css写在样式表里(即css全部写在行外)的时候获取不到 --alert(oDiv.style.width)是错误的行内样式的优先级最高,当js通过style方法添加了样式之后,js再通过修改class的值为同一元素增加样式,最终行内样式优

Qt Style Sheet实践（一）：按钮及关联菜单

导读正如web前端开发中CSS(Cascade Style Sheet)的作用一样,Qt开发中也可以使用修改版的QSS将逻辑业务和用户界面进行隔离.这样,美工设计人员和逻辑实现者可以各司其职而不受干扰.更重要的是,由于界面和逻辑处理是分离的,低耦合性使得代码重构的工作量可以减少到最小.QSS和CSS的语法几乎一致,除了Qt自身增加的一些属性之外,其余的属性都可以在CSS2或CSS3中找到对应的属性.因此,如果曾经有过CSS的使用经验,那么QSS的使用将游刃有余.关于QSS的使用实践,打算撰写一

Qt Style Sheet实践（一）：按钮及关联菜单（24K纯开源，一共四篇）

导读正如web前端开发中CSS(Cascade Style Sheet)的作用一样,Qt开发中也可以使用修改版的QSS将逻辑业务和用户界面进行隔离.这样,美工设计人员和逻辑实现者可以各司其职而不受干扰.更重要的是,由于界面和逻辑处理是分离的,低耦合性使得代码重构的工作量可以减少到最小.QSS和CSS的语法几乎一致,除了Qt自身增加的一些属性之外,其余的属性都可以在CSS2或CSS3中找到对应的属性.因此,如果曾经有过CSS的使用经验,那么QSS的使用将游刃有余.关于QSS的使用实践,打算撰写一

javascript闭包以及闭包的作用

什么是闭包?———>是一个函数,一个可以访问其他函数内部数据的函数. 栗子一: function foo() { var a = 1; } function fn() { console.log(a);//报错,因为这里是无法访问到a的 } function foo() { var a = 1; function fn() { console.log(a);//这样是可以访问到a的 } return fn;//fn就是闭包,其在foo内部调用没有意义,所以将其返回,交由外部来决定调用时机,更具开

WPF学习笔记（3）——style

http://www.cnblogs.com/Zhouyongh/archive/2011/08/01/2123610.html Style 用来在类型的不同实例之间共享属性.资源和事件处理程序,您可以将 Style 看作是将一组属性值应用到多个元素的捷径. 这是MSDN上对Style的描述,翻译的还算中规中矩.Style(样式),简单来说,就是一种对属性值的批处理,类似于Html的CSS,可以快速的设置一系列属性值到UI元素. 示例一个最简单的Style的例子: 1: <Window> 2

为什么子元素设置margin-top会作用在父元素上？

原因在于:CSS 外边距合并复现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> html * { margin:0; padding: 0; } </style> <body> <

php课程 12-39 继承中parent的作用是什么

php课程 12-39 继承中parent的作用是什么一.总结一句话总结:PHP5中使用parent::来引用父类的方法.parent:: 可用于调用父类中定义的成员方法. parent::的追溯不仅于直接父类. 1.对象链实例? 1.document.body.style.background='#f00';2.$('.img').show().click(func);3.$obj->show()->say()->eat()->click(); 2.php对象链如何实现? 每

background 设置文本框背景图

background 属性的作用是给元素设置背景,它是一个复合属性,常用的子属性如下: background-color 指定元素的背景颜色. background-image 指定元素的背景图像. background-position 指定背景图像的位置,在复合属性中与 size 二选一. background-size 指定背景图片的尺寸,在复合属性中与 position 二选一. background-repeat 指定如何重复背景图像. 多数时候,我们都是给 div 等区块元素设置背景

css常用样式背景background如何使用

css背景background属性常用于定义HTML的背景,background简写属性作用是将背景属性设置在一个声明中,background背景属性常见为以下这些:.background-color代表背景颜色 .background-image代表背景图像 .background-repeat 代表背景图像水平或者垂直平铺 .background-attachment代表背景图像是否固定或者随着页面的其余部分滚动 .background-position代表设置背景图像的起始位

td的所有style

td.style.clear= td.style.posRight=0 td.style.backgroundRepeat= td.style.borderTopStyle= td.style.marginTop= td.style.fontVariant= td.style.listStylePosition= td.style.backgroundPositionX= td.style.lineHeight= td.style.scrollbarHighlightColor= td.styl

CSS background 属性

CSS 参考手册实例如何在一个声明中设置所有背景属性: body { background: #00FF00 url(bgimage.gif) no-repeat fixed top; } 亲自试一试浏览器支持 IE Firefox Chrome Safari Opera 支持支持支持支持支持所有浏览器都支持 background 属性. 注释:IE8 以及更早的浏览器不支持一个元素多个背景图像. 注释:IE7 以及更早的浏览器不支持 "inherit"

background: url 背景图片加时间戳不显示图片

在项目中一段这样的代码背景图片加时间戳图片显示不出来 <div id="header" class="header clearfix" style=" background: url(/U_HomeImage/T_CityManage/4_CM_Pic.png?2014-8-4 16:46:51) no-repeat left;background-size: 180px 87px;padding-left: 190px;"> 图片

JavaScript动态操作style

1.易错:修改元素的样式不是设置class属性,而是className属性.class是JS的一个保留关键字. 2.易错:单独修改样式的属性使用"style.属性名"3.注意在css中属性名和在javaScript中操作的时候属性名可能不一样,主要集中在那些属性名中含有-的属性,因为javaScript中-是不能做属性,类名的.所以在CSS中背景色是background-clolor,而javaScript中则是style.background;4.元素样式名是class,在java

<item name="android:windowNoTitle">true</item> 不起作用。标题栏未被隐藏

改变style.xml 加入 <item name="android:windowNoTitle">true</item> 按理说可以把标题栏隐藏,但是当style时appCompat的某个主题的时候,这样自定义style好像不起作用. 解决方法: 把android:windowNoTitle改为 windowNoTitle 例: <style name="AppTheme" parent="Theme.AppCompat.L

网页body中background在ie中显示不出来

网页body中background在ie中显示不出来 | 浏览:349 | 更新:2014-03-11 14:03 刚才上班在公司网站上写一个页面,在谷歌浏览器,火狐浏览器里调试完后,一切正常,忽然想起ie来,放到Ie里其它还好了,但是body背景图片显示不出来. 后来经过一番捣弄,终于弄好了,现在分享给大家. 最先的时候是这样写的: <body style="background:url('../image/5.jpg')no-repeat scroll center 28px;&qu

css基础内容之background

html如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>背景</title> <link rel="stylesheet"type="text/css" href="style/background.css"> </he

uniApp——v-for 动态class、动态style

:class="i.themColor" <view v-for="i in htmlJSON" class="column" :class="i.themColor" > <view class="uni-flex uni-column line"> <view class="flex-item flex-item-V uni-bg-red"> &

style.background 不起作用IE

热门专题