gpt4 book ai didi

php - 如何在背景图像的一部分中设置图像映射?

转载 作者:搜寻专家 更新时间:2023-10-31 20:44:15 26 4
gpt4 key购买 nike

我知道如何为前景图像设置图像映射。但是这次我想为图像的一部分设置图像映射,将其设置为 div 的背景图像。我该怎么做。我搜索了一个网上找了很多,找不到解决办法。请帮忙。例如,

enter image description here

html

<div class="header full" style="background:url('/hdr.jpg';?>) no-repeat; height:492px">

整个图像设置为背景图像,我想单击 NeSTLe 椭圆形部分,然后将被重定向到某个 url。

最佳答案

请尝试以下代码
使用您的图片并重命名为 test.jpg请将所有内容放在同一个文件夹中进行测试并根据您的需要更改代码(这只是一个示例)

**CSS** (style.css)



.image{
background: url("test.jpg") repeat scroll 0 0 transparent;
height: 185px;
width: 266px;
border: 1px solid;
}
.link{
padding-left: 26px;
padding-top: 23px;
position: absolute;
}
.link a{
padding-left: 0;
display: block;
height: 48px;
width: 67px;
}
.container{
position: relative;
}

HTML

<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="container">
<div class="link"> <a href="">&nbsp;</a></div>
<div class="image">
</div>
</div>

关于php - 如何在背景图像的一部分中设置图像映射?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15199423/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com