拉伸背景图-只支持IE.html

最新推荐文章于 2023-10-24 09:56:22 发布
最新推荐文章于 2023-10-24 09:56:22 发布
阅读量49 收藏
点赞数
文章标签： xhtml
原文链接：http://www.cnblogs.com/chnch/articles/1503472.html
版权
ContractedBlock.gif ExpandedBlockStart.gif Code
<!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>
<title>CSS背景图拉伸</title>
ExpandedBlockStart.gifContractedBlock.gif<style>
<!--
ExpandedSubBlockStart.gifContractedSubBlock.giftable {}{ border: 1px solid #00F; width: 500px; height: 200px; color: #00f; text-align: center;}
ExpandedSubBlockStart.gifContractedSubBlock.giftd {}{border: 1px solid #00F;}
-->
</style>
</head>
<body>
<table style="background-image:url(http://www.baidu.com/img/baidu_logo.gif);background-repeat: no-repeat;">
 <tr>
 <td>11</td>
 <td>12</td>
 <td>13</td>
 <td>14</td>
 <td>15</td>
 </tr>
 <tr>
 <td>21</td>
 <td>22</td>
 <td>23</td>
 <td>24</td>
 <td>25</td>
 </tr>
 <tr>
 <td>31</td>
 <td>32</td>
 <td>33</td>
 <td>34</td>
 <td>35</td>
 </tr>
</table>
<br />
<table style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='http://www.baidu.com/img/baidu_logo.gif', sizingmethod='scale')">
 <tr>
 <td>11</td>
 <td>12</td>
 <td>13</td>
 <td>14</td>
 <td>15</td>
 </tr>
 <tr>
 <td>21</td>
 <td>22</td>
 <td>23</td>
 <td>24</td>
 <td>25</td>
 </tr>
 <tr>
 <td>31</td>
 <td>32</td>
 <td>33</td>
 <td>34</td>
 <td>35</td>
 </tr>
</table>
</body></html>

转载于:https://www.cnblogs.com/chnch/articles/1503472.html

weixin_30929195
关注
图片的自适应以及object-fit兼容IE浏览器
hyw521521的博客
01-07 2557
最近用vue做了一个项目，最近做下来总结了点关于图片适应的东西给大家分享下，第一次写博客，写不好请尽量。 一、元素的宽度可以用百分比设置，这样不同分辨率的电脑下元素的宽度都能自适应，但高度就不同了，尤其是对于图片来说，如果宽高比例不随着一起比例放大或者缩小就会导致变形，然后我刚开始想的方法是通过监听window的变化，用vue的ref去获取包含img的div，然后动态设置div的高度是window...
用javascript实现背景自动拉伸
08-14
说来可能你也不信，不论HTML有多流行，也不论CSS被吹得如何厉害，可是，它们却连实现网页背景图片自动伸缩的功能也没有，至少，我在中文网站上搜索不到任何解决方案，也有声称可以做到的，可是局限于IE，而且，事实上，经过测试证实它不能使用(所以我一直都不习惯搜索中文技术资料，因为大多是垃圾)
CSS实现HTML背景图片拉伸铺满示例
09-25
HTML背景图片拉伸铺满，使用CSS实现图片的width和height均100%，具体如下，感兴趣的朋友可以参考下
html总结：背景图片拉伸
weixin_30835923的博客
04-11 159
两种方法： ⑴推荐方法 <style>body{background-image:url(images/backimage.jpg);background-size:cover;}</style> ⑵ <div id="Layer1" style="position:absolute; width:100%; height:100%; z-index:-1"...
html插入背景图片如何拉伸,css怎样拉伸背景图片？
weixin_29278805的博客
06-09 7447
在css中可以使用background-size属性来拉伸背景图片。background-size属性规定背景图像的尺寸，此属性可以使用数值、百分比、cover等设置图片拉伸。background-size属性规定背景图像的尺寸。语法：background-size: length|percentage|cover|contain;属性值：值描述length设置背景图片高度和宽度。第一个值设置宽度...
html背景图片纵向拉伸,html网页背景图片拉伸 关于html背景图片往下拉伸问题
weixin_31315007的博客
05-30 3490
html 如何让背景图片充满全图，就是拉伸html语言背景图片拉伸代码：background-size:cover，可以使图片拉伸铺满背景。 拓展资料 背景 (background) 属性定义元素的背景效果 元素的背景区包括前景之下直到边框边界的所有空间。因此，内容框与内边距都是元素背景的一部分。取值：repeat、no-repeat 、repeat-x、repeat-y 。 repeat : 默...
html背景图片拉伸解决办法
jaylimeny的博客
09-29 1万+
html背景图片拉伸解决办法 body { background-size: 100% 100%; //关键代码，直接拉伸背景图 background-image: url("img/99.jpg") ; //背景图导入 background-repeat: no-repeat; //不重复拉伸 background-attachment: fixed;//此代码用于页面内容超出屏幕，
CSS背景图拉伸效果兼容FF/Chrome/IE等主流浏览器(亲测)
09-25
这样，在IE8及以下版本的浏览器中，会忽略`background-image`属性的设置，从而只应用滤镜效果来实现背景图的拉伸。 综上所述，实现跨浏览器的背景图拉伸效果需要考虑多个方面，包括使用`background-size`属性的不同...
如何拉伸ie8，ie9，chrome和mozila的背景图像？
04-03
本篇文章将详细讲解如何针对IE8、IE9、Chrome以及Mozilla Firefox（以下简称Firefox）这四个主要浏览器拉伸背景图像。 首先，我们来看CSS中的`background-size`属性，这是在CSS3中引入的一个新特性，用于设置背景...
css3实现一个div设置多张背景图片及background-image属性实例演示
09-27
在兼容性方面，虽然CSS3的`background-image`和渐变功能在现代浏览器中得到了广泛支持，但旧版的Internet Explorer（尤其是IE8及更低版本）并不支持这些特性。为了确保跨浏览器的兼容性，开发者可能需要使用渐变的...
html设置背景图大小，自动拉伸背景图
jun_tong的博客
10-24 687
html设置背景图大小，自动拉伸背景图
html背景图片 纵向拉伸,背景图片拉伸（CSS方法）_html/css_WEB-ITnose
weixin_39831001的博客
05-31 1369
在布局现在的网站首页的时候，发现一个问题。我使用了一张1440*900的png图片作为背景图片。页面内的Div使用了较多的百分比自适应框体大小，原body元素的CSS如下html { width: 100%; height: 100%;}body { background: url(../img/bg.png) no-repeat; margin: 0; paddin...
css怎么把背景图片拉伸至100%
james_laughing的博客
03-25 7188
div再加上属性， -moz-background-size:100% 100%; background-size:100% 100%; 这样设置后再看网页就会发现背景图片拉伸至100%了。 https://jingyan.baidu.com/article/ceb9fb10a6f68d8cad2ba017.html ...
在HTML中怎样是背景图片铺满整个页面又不重复
wwjlq的博客
07-27 2万+
css背景图片拉伸
05-30 713
如何让背景图片拉伸填充，这个问题听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。 比如一个容器（body,div,span）中设定一个背景。这个背景的长宽值在css2.1之前是不能被修改的。 所以实际的结果是只能重复显示，所以出现了repeat,repeat-x,repeat-y,no-repeat这些属性。就是用来控制背景图片的显示的。所以一般用作背景图片的有2类：
CSS背景图片自适应、全屏、填充、拉伸
热门推荐
u014763002的博客
09-23 16万+
方法一、 js控制： 1 2 3 div id="formbackground" style="position:absolute; width:100%; height:100%; z-index:-1">   img src="pictures/background.jpg" height="100%" width="100%"/
css实现背景图拉伸(css背景拉伸，有图例)
你有什么可以拽？
09-18 5435
制作页面要在表格内插入背景图时，我们可以使用CSS进行控制，代码如下： style="background-image:url(./images/counter_bg.jpg);background-repeat: no-repeat;background-position:
uni-app背景图拉伸整个页面
最新发布
10-17
uni-app（原Dcloud框架）是一款支持多端开发的框架，用于构建一套代码运行在微信小程序、H5、App等平台的应用。如果你想要让背景图片在uni-app项目中拉伸填满整个页面，你可以通过CSS样式来实现。以下是基本步骤： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值