如何让背景图片的宽度拉伸变长?

wxcnl1 2011-05-13 09:29:22

如何让背景图片的宽度拉伸变长?
而不是那种repeat平铺？

谢谢

...全文

293 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

子夜__ 2011-05-14

打赏
举报

回复

设置图片的宽度
不要设置DIV宽度

或者图片填充DIV

或者后台处理

wxcnl1 2011-05-13

打赏
举报

回复

着下面是我的代码，如何改写？

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <style>

    .test

    {

        height:30px;

        background:url('RoundCorner.jpg');

        background-repeat:no-repeat;

        width:100%;

        } 



    </style>

</head>

<body>

    <form id="form1" runat="server">

    <div>

    <div class="test">asdf</div>

    </div>

    </form>

</body>

</html>

fangloveyin 2011-05-13

打赏
举报

回复

sizeMode:stretchImage

zhangyong361055720 2011-05-13

打赏
举报

回复

设置Weight和High属性

在css中可以使用background-size属性来拉伸背景图片。background-size属性规定背景图像的尺寸，此属性可以使用数值、百分比、cover等设置图片拉伸。background-size属性规定背景图像的尺寸。语法：background-size: length|percentage|cover|contain;属性值：值描述length设置背景图片高度和宽度。第一个值设置宽度...

背景图片随文字内容宽度自适应拉伸扩大

传统的页面制作中,当你遇到css2 的时候,如何来显示一张背景图呢?拉伸 (无节操的拉伸,容器长宽完全超出背景图的长宽)重复展示(用无数张同样的图片来铺满容器的背景面积)x轴 /y轴重复展示(纵向拉伸不重复 / 横向拉伸不重复 )background-repeat 这个货看下它的值:repeat默认。背景图像将在垂直方向和水平方向重复。repeat-x背景图像将在水平方向重复。repeat-y背...

日常项目中，后端传图不规则，比例大小不一。前端又要去做适应，是一个让人非常头大的问题。总结了一个不规则图片不变形的解决方案：注：先写一个长 300px 宽 200px 带边框的 div ，图片接近方形，实现图片正常显示不变形。...1、背景图法通过背景图的 background-position 属性，可以使图片居中显示。国外一些网站有看到类似的案例，简单好操作。.box1{background:...

方法一：用css滤镜，问题是只支持IE5.5以上版本方法二：用两个层，一个放图片，用，为底部层；另一个作页面显示层。建议用方法西狐测试测试一下网页背景拉伸:) 实际使用后，发现有个需要注意的地方——使用AlphaImageLoader滤镜后，图片区域内的链接与按钮都将会失效，解决的办法是使用其他元素放置链接与按钮，浮动在该元素之上。

62,074

社区成员

669,028

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章