background 与background-image的区别

最新推荐文章于 2024-03-26 10:17:33 发布
原创 最新推荐文章于 2024-03-26 10:17:33 发布 · 569 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

探讨了在IE8浏览器中使用PNG作为按钮背景时，采用不同CSS属性导致的显示差异。具体表现为使用background-url与background-image时，在按钮四角出现小白点的问题。

对于png来说，按钮在IE8下设置background:url(20080405154401647.png);

与设置background-image:url(20080405154401647.png);

后者四个角上总是会出现四个小白点，前者不会。why？

求解答！

.mybtn{
 background:url(20080405154401647.png);
 width:120px;
 height:28px;
 border:0;
 }

step_by_setp
关注
Qt QSS中 background-image，border-image，以及image属性差别
如梦人身
11-28 3990
QSS中 background-image，border-image，以及image属性差别
background 与 background-image
最新发布
m0_74284133的博客
06-29 827
logo是用png作为background。为文内增加标题，这里将生成目录 logo是用svg作为background。logo是用svg做的，而且logo都有自己专门的html标签，并不是作为background。logo是用png作为background。logo用精灵图做backg为文内增加标题，这里将生成目录round，小图标也是。logo是用svg作为background。logo是用svg,非background。logo是用svg,非background,小图标用icon-font。
关于background与background-image用法
weixin_33744854的博客
03-12 428
background 简写属性在一个声明中设置所有的背景属性。可以设置如下属性：background-colorbackground-positionbackground-sizebackground-repeatbackground-originbackground-clipbackground-attachmentbackground-image如果不设置其中的某个值，也不会出问题...
background和background-image一点小区别
weixin_30618985的博客
09-12 243
如果使用background-image属性，则no-repeat不能使用，因为其对background-image不起作用。 可以使用background属性，再设置no-repeat。 转载于:https://www.cnblogs.com/yuanxinru321/p/7508513.html...
background和background-image的区别
ZFZ5720
04-24 1万+
我们在使用背景图时，通常会用到background. 今天遇到一个这样的问题,在vue项目中，给一个按钮加了一张背景图片，用的是background,大小用的contain。现在有一个需求，当点击按钮时，按钮的背景图片需要切换。问题来了，换是换了，但是背景的大小却失效了。 代码如下： <button :style="{background: stop}...
vue的style绑定background-image的方式和其他变量数据的区别详解
10-18
<div v-bind:style="{ backgroundImage: 'url(' + item.videopic + ')' }"> ``` 在这个例子中，我们假设item.videopic是一个包含图片路径的变量。我们通过将图片路径与URL字符串拼接，并包裹在url()函数中，从而...
通过js获取div的background-image属性
10-26
var backgroundImage = divElement.style.backgroundImage; ``` 在这里，`getElementById`方法用于获取ID为`img_2`的`div`元素，然后通过`.style`属性访问其内联样式，最后`.backgroundImage`获取背景图像的CSS属性...
CSS3 background-image颜色渐变的实现代码
09-22
在CSS3中，`background-image`属性不仅仅限于图片，它还可以使用颜色渐变，来实现更为丰富和动态的背景效果。颜色渐变分为线性和径向两种形式，本篇文章主要介绍线性渐变的实现方法。 线性渐变是通过`linear-...
CSS之背景的设置 (六)：background-(image、repeat、size、position、attachment)、background、background-image和img对比
Good Good Study,Day Day Up!
05-16 3065
用于设置元素的背景图片。
image、border-image、background-image的区别
枫影竹韵的博客
11-10 5003
Qt 设置样式表 加载图片时 //背景 不会自动适应图片，background-image像电脑桌面的平铺，图片尺寸不变 setStyleSheet(QString("background-image:url(:/image/test.jpg)")); //背景 自动适应图片，border-image像桌面的拉伸效果，常用 setStyleSheet(QString("border-image:url(:/image/test.jpg);")); //前景 自动适应图片，border-ima..
CSS中background与background-image的区别
weixin_38791297的博客
12-20 2938
CSS中background与background-image的区别 1.如果只是设置两张背景图不涉及CSS样式那么两者都可以使用 2.如果设置样式那就只能用background，如 以下是不适用background的效果 ...
CSS background 详解
xjiasean的博客
03-23 3454
(1) url() 图片的路径(2)no-repeat 背景图片不重复排满整个背景；repeat-x 表示X轴方向重复铺满；repeat-y 表示Y轴方向重复铺满；(3)第一个1px 表示距离左边1px；第二个1px 表示距离顶部1px（其中位置部分也可以写成：center、top、bottom、right、left）(4)fixed 设置背景图片是否随内容滚动，默认fixed=固定；scroll=滚动。
前端学习 -- Html&Css -- 背景
A08110123的博客
05-16 1624
background 在一个声明中设置所有的背景属性。background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。background-color 设置元素的背景颜色。background-image 设置元素的背景图像。background-position 设置背景图像的开始位置。background-repeat 设置是否及如何重复背景图像...
CSS【background+url路径写法（同一路径或不同路径）】
随便写写
07-07 1万+
CSS 背景属性用于定义HTML元素的背景。CSS 属性定义背景效果:background-color 属性定义了元素的背景颜色.页面的背景颜色使用在body的选择器中: background-image 属性描述了元素的背景图像.默认情况下，背景图像进行平铺重复显示，以覆盖整个元素实体.尽量把图片放置在与.html文件同一目录下【我自己在写background-image的时候，把网页文件和图片放到两个不同文件夹中，需要加../同一级/图片】默认情况下 background-image
CSS—background: url(imagePath);使用小结
热门推荐
草堂夜归人
09-20 2万+
CSS之background: url();使用小结 作为前端初学者，总是会遇到这样哪样的疑惑。这不，这次在background 属性时遇到了问题——即运用了background: url( imagePath );后不起作用。 最后在百度上搜了下发现遇到同样问题的人还真不少，但是很多人的回答并没有说到点上去，所以经过自己的摸索后今天把我的“总结”贴出来供大家交流。 真正的问题
Web CSS笔记2
cycyzh的博客
03-26 2157
url : 　使用绝对或相对地址指定背景图像。参数：repeat : 　背景图像在纵向和横向上平铺（默认的）no-repeat : 　背景图像不平铺repeat-x : 　背景图像在横向上平铺repeat-y : 　背景图像在纵向平铺。
CSS中background:url() no-repeat right center的意思
qq_44826607的博客
09-21 2085
right center 是简写，原本写法如下。
background与background-image 区别
04-12
背景颜色和背景图像之间的区别，在CSS中，可以通过background属性来设置页面元素的背景。background属性接受一个值列表，其中可以包含背景颜色、背景图像和其它一些属性。background-color用于定义元素的背景颜色，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值