CSS background 能不能只用某图片的一部分作为背景垂直平铺？
例如：一张100px的正方图片，其中左上(10,10)右下(20,20)这块我想用来垂直平铺某个DIV。请问可以吗？...
例如：一张100px的正方图片，其中左上(10,10)右下(20,20)这块我想用来垂直平铺某个DIV。
请问可以吗？ 展开
请问可以吗？ 展开
展开全部
主要是图片的定位和div的定位问题。
设图片起点坐标是(0, 0),图片高和宽为100px,则图片右下角坐标为(0, 0);
div起点坐标是(0,0),div高和宽为70px，边框分别为 10，20, 20, 10 。并给div边框上色掩盖背景图部分，则 div可见区域为图片的左上(10,10)到右下（20， 20）
图片上的div.html 文件代码如下：
<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>图片上的div</title>
<link href="picanddiv.css" rel="stylesheet">
</head>
<body>
<img src="1.jpg" alt="这是一张关于X的照片">
<div></div>
</body>
</html>
picanddiv.css 文件代码如下：
img {
position: absolute; /* 用绝对定位控制图片 */
top: 0; /* 设置图片跟顶部距离 */
left: 0; /* 设置图片跟左边距离 */
width: 100px;
height: 100px;
}
div {
position: absolute; /* 用绝对定位控制div */
top: 0; /* 设置div距离顶部距离 */
left: 0; /* 设置div距离左边距离 */
margin: 0;
border-top: 10px solid red; /* 用div上边框颜色掩盖你不想别人看见部分 */
border-right: 20px solid red;/* 用div右边框颜色掩盖你不想别人看见部分 */
border-bottom: 20px solid red;/* 用div下边框颜色掩盖你不想别人看见部分 */
border-left: 10px solid red; /* 用div左边框颜色掩盖你不想别人看见部分 */
padding: 0;
width: 70px; /* 设置div宽度 */
height: 70px; /* 设置div高度 */
background: rgba(0, 0, 0, 0.5); /* 设置div透明背景，能看见背景 */
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
直接把 你想要的那块用ps切片工具切下来，作为背景图片，然后repeat-x
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以的。
background：url("img/bg1.jpg") repeat-y 50px 50px;
background：url("img/bg1.jpg") repeat-y 50px 50px;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
直接把图片裁掉比较好
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以,不过div的大小为 (20-10) =10 , (20-10)=10;
div{ width: 10px; height: 10px; background: url(xx.jpg) 10px 10px;}
div{ width: 10px; height: 10px; background: url(xx.jpg) 10px 10px;}
追问
你的意思我理解，我的意思你没明白。我说的平铺，是适应目标元素大小，而不是目标元素适应图片可视区大小。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
