直接插入img 和使用background的区别

Img与background的区别

今天做项目中,用background显示了二维码和一些文字,但显示到页面上时,二维码和图片都变得模糊了.于是将图片调整.放大,但在放大后,作为背景图片的它则显示不全,无奈之下用了backgroung-size.但background-size在IE下不兼容,故最后使用了img+width+height的做法. 下面我们就来看看img和bg的区别. 一.从解析机制看 Img属于html标签,background是css方法.一个页面由html.css.js组成,按照浏览器解析机制,html标签优先

ImageView的src和background的区别

参考资料: http://blog.csdn.net/dalleny/article/details/14048375 http://www.android100.org/html/201508/27/177067.html 区别如下: 1. background会根据ImageView组件给定的长宽进行拉伸,而src就存放的是原图的大小,不会进行拉伸,如果想要对src进行拉伸的话,使用android:scaleType 2. src是图片内容(前景),bg是背景,可以同时使用. 3. 此

【android】ImageView的src和background的区别以及两者的妙用

一.ImageView中XML属性src和background的区别: background会根据ImageView组件给定的长宽进行拉伸,而src就存放的是原图的大小,不会进行拉伸 .src是图片内容(前景),bg是背景,可以同时使用. 此外: scaleType只对src起作用:bg可设置透明度,比如在ImageButton中就可以用android:scaleType控制图片的缩放方式二. 解决android:background背景图片被拉伸问题 : 如上所述,background设置的

android imageview使用的时候引用资源src和background的区别

android imageview使用的时候引用资源时src和background的区别 src更强调内容并且不行拉伸图片进行适配,而background更注重引用图片,会对图片进行拉伸

android:windowBackground 和 Android:background 的区别

通过问别人,我知道了android:windowBackground 和 Android:background的区别 android:windowBackground 一般用于activity启动的时候,默认的那个背景图. 如果你不设置这个属性,那么你的应用启动的时候,会白屏一段时间.看名称也知道,window的背景. android:background 就是这个控件的背景.就像你的textView- 等等注意: 如果你在某个activity里面设置了theme,theme里面包含andro

ImageView中XML属性src和background的区别

background会根据ImageView组件给定的长宽进行拉伸,而src就存放的是原图的大小,不会进行拉伸. src是图片内容(前景),bg是背景,可以同时使用. 此外:scaleType只对src起作用:bg可设置透明度,比如在ImageButton中就可以用android:scaleType控制图片的缩放方式,示例代码如下: <ImageView android:id="@+id/img" android:src="@drawable/logo&quo

【Android 界面效果32】ImageView中XML属性src和background的区别

background会根据ImageView组件给定的长宽进行拉伸,而src就存放的是原图的大小,不会进行拉伸. src是图片内容(前景),bg是背景,可以同时使用. 此外:scaleType只对src起作用:bg可设置透明度,比如在ImageButton中就可以用android:scaleType控制图片的缩放方式,示例代码如下: <ImageView android:id="@+id/img" android:src="@drawable/logo" an

[android界面]android中src和background区别——前景与背景

ImageView中XML属性src和background的区别: background会根据ImageView组件给定的长宽进行拉伸,而src就存放的是原图的大小,不会进行拉伸.src是图片内容(前景),bg是背景,可以同时使用. 此外:scaleType只对src起作用:bg可设置透明度,比如在ImageButton中就可以用android:scaleType控制图片的缩放方式,示例代码如下: <ImageView android:id="@+id/img" andr

解决android:background背景图片被拉伸问题

ImageView中XML属性src和background的区别: background会根据ImageView组件给定的长宽进行拉伸,而src就存放的是原图的大小,不会进行拉伸.src是图片内容(前景),bg是背景,可以同时使用. 此外:scaleType只对src起作用:bg可设置透明度,比如在ImageButton中就可以用android:scaleType控制图片的缩放方式如上所述,background设置的图片会跟View组件给定的长宽比例进行拉伸.举个例子, 36x36 px的图标

解决background图片拉伸问题

ImageView中XML属性src和background的区别: background会根据ImageView组件给定的长宽进行拉伸,而src就存放的是原图的大小,不会进行拉伸.src是图片内容(前景),bg是背景,可以同时使用. 此外:scaleType只对src起作用:bg可设置透明度,比如在ImageButton中就可以用Android:scaleType控制图片的缩放方式如上所述,background设置的图片会跟View组件给定的长宽比例进行拉伸.举个例子, 36x36 px的图标

ie6兼容问题汇总

这几天在查找和解决网页在ie6下的兼容性问题花了我不少的时间,参考了网上的一些解决方法和自己做出来比较有效果的给大家参考一下,也方便我日后再用到: 1.IE的cache设置为Every visit to the page,而不是默认的Automatically.基本上,只有开发者才会把cache设置为每次访问检查更新,所以这个bug其实不会影响真正的用户 (根据在winxpsp2的ie6下测试,虽然可能仍然调用了一次网络存取的api,但是并没有发生实际的请求,症状就是鼠标有极短时间的抖动但是图像

针对不同浏览器，CSS如何写

我们在开发DIV+CSS页面时候常常会遇到开发出的网页的一些地方在各大浏览器比如微软IE6.微软IE7.微软IE8.火狐浏览器.谷歌浏览器有一些不同,如宽度.高度等地方有相差误.IE6比较老的版本浏览器,用户比较多,IE7较新浏览器,更接近标准浏览器,IE8算是微软标准浏览器,但差别于浏览器,火狐(Mozilla, Firefox)和谷歌浏览器(chrome)是比较标准的IE浏览器,一般我们以这个浏览器为开发参考平台,同时IE8与这两个浏览器解释CSS比较接近,一般只要通过火狐.谷歌浏览器测试兼

android 实现ImageView按压效果和解决背景图片拉申问题

建立一个.XML文件,名为:image_tab_bg.xml <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" android:drawable="@d

IE6 一些兼容性问题及处理方法

1.IE6怪异解析之padding与border算入宽高原因:未加文档声明造成非盒模型解析解决方法:加入文档声明<!doctype html> 2.IE6在块元素.左右浮动.设定marin时造成margin双倍(双边距) 解决方法:display:inline 3.以下三种其实是同一种bug 1)字体大小为奇数之边框高度少1px 解决方法:字体大小设置为偶数或line-height为偶数 2)line-height,文本垂直居中差1px 解决方法:padding-top代替line-hei

转 CSS hack：针对IE6，IE7，firefox显示不同效果

CSS hack:针对IE6,IE7,firefox显示不同效果做网站时经常会用到,衡量一个DIV+CSS架构师的水平时,这个也很重要. 区别不同浏览器的CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *back

看别人的代码学习的css

<ul class='y1'> <li><a href="#">菜单</a></li> <li><a href="#">导航</a></li> <li><a href="#">足球</a></li> <li><a href="

CSS之CSS hack

由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系.我们就可以根据这个来针对不同的浏览器来写不同的CSS. CSS Hack大致有3种表现形式,CSS类内部Hack.选择器Hack以及HTML头部引用(if IE)Hack,CSS Hack主要针对. 类内部Hack:比如 IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_",而firefox两个都不能认识.等等

MySQL数据库百万级高并发网站实战

在一开始接触PHP接触MYSQL的时候就听不少人说:“MySQL就跑跑一天几十万IP的小站还可以,要是几百万IP就不行了”,原话不记得了,大体就是这个意思.一直也没有好的机会去验证这个说法,一是从没有接手过这么大流量的网站,二是平时工作也比较忙,懒得去管这些,反正现在用不着,抱着这个想法把这个问题一直留到了最近,才把这个问题搞明白.就在前几天公司旗下一网站(由于这是公司的商业内容我就不说是那个网站了)以下简称A站,这A站在年后流量猛增从一天的七八十万猛跑到了好几百万的IP,一天下来接近一千万

并非然并卵的z-index

最近做一些东西的时候总觉得加上z-index和不加对于最终的显示结果并没有什么区别,开始以为一张图片把z-inde的值调小一点儿,就可以当做背景图片一样使用,跟background是一样的,在试过几次之后发现z-index不起作用,于是乎~就找了一些资料,在这里汇总一下. 1.z-index与background的区别 z-index是值较大的元素将叠加在z-index值较小的元素之上的,如果未指定此属性的定位对象,z-index 值为正数的对象会在其之上,而 z-index 值为负数的对象在其

简单CSS hack：区分IE6、IE7、IE8、Firefox、Opera

一.跨浏览器的网页设计一直是让人很头疼的问题,这不只是因为浏览器的版本众多,还有一个重要的原因是相同浏览器的不同时期的版本也会有差异,甚至是在不同操作同台上还会有不同.因此使CSS hack技术进行浏览器区分是实现跨浏览器访问一个好方法.CSS Hack技术有很多,具体可以查看: 本文据说的主要是通过“.”,“>”,“*”,“_”来区分.以下是本人对这四种符号的测试结果: ———————IE6—— IE7——IE8——FF2——FF3— Opera9.5 >property——

直接插入img 和使用background的区别

热门专题