通过单击div更改更改背景图像
要通过单击 div 更改背景图像，你可以使用 JavaScript 和 CSS 来实现这个功能。以下是一个完整的示例代码：
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Change Background Image on Click</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="myDiv" class="clickable-div">Click me to change background image!</div>
<script src="script.js"></script>
</body>
</html>CSS (styles.css)
.clickable-div {
width: 300px;
height: 200px;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
color: white;
background-image: url('initial-background.jpg');
background-size: cover;
background-position: center;
cursor: pointer;
}JavaScript (script.js)
document.getElementById('myDiv').addEventListener('click', function() {
const currentBackground = this.style.backgroundImage;
if (currentBackground.includes('initial-background.jpg')) {
this.style.backgroundImage = "url('new-background.jpg')";
} else {
this.style.backgroundImage = "url('initial-background.jpg')";
}
});解释
- HTML: 创建一个
div元素，并为其添加一个唯一的 IDmyDiv。 - CSS: 定义
div的样式，包括初始背景图像和其他样式属性。 - JavaScript: 添加一个点击事件监听器到
div元素上。当div被点击时，检查当前的背景图像，并切换到另一张背景图像。
应用场景
这个功能可以用于各种网页交互设计，例如：
- 图片轮播器
- 交互式教程
- 动态内容展示
可能遇到的问题及解决方法
- 背景图像路径错误: 确保图像文件路径正确，并且文件存在于指定的路径中。
- 图像加载缓慢: 使用适当的图像格式（如 JPEG 或 PNG），并优化图像大小。
- JavaScript 错误: 确保 JavaScript 代码没有语法错误，并且正确加载。
参考链接
通过这种方式，你可以轻松实现通过单击 div 更改背景图像的功能。
相关·内容
我想将div1的背景图像设置为已单击的图像。
function change(){
document.getElementById("div1").style.backgroundImage ='url(' + this.src + ')';
};
<div id="div1"></div>
<div id="div2">
<div id="div3" ><img src="myurl" id="imag
浏览 5提问于2015-08-20得票数 0
回答已采纳
当我点击另一个元素的div时，我试图让持卡人div的背景图像发生变化。背景图像需要更改为单击的div。我该怎么做呢？我认为下面的脚本可以工作，但它只是将其更改为对象中的最后一个图像。
<div id="holder">
<div id="menu"></div>
<div id="plane_image"></div>
<div id="sub_menu"></div>
</div>
对象，该对象保存图像和其他
浏览 3提问于2015-04-13得票数 3
回答已采纳
4回答
我试图使动画效果的背景，它应该听取一个事件，将改变图片点击。例如，我点击Sajo Hapyo，它应该改变背景图像。主要的问题是，所有的图像都会有不同的背景-图像，我真的被困在这个。
我在我的JS中使用了JS进行测试，因为我想检查它是否工作。
在最后的版本中，背景图像将被添加，它应该通过使用漂亮的jquery (effect)改变单击。
这是截图
请帮帮我
这是我的密码
<section id="main-showcase">
<div class="showcase-wrapper">
<div cl
浏览 3提问于2017-07-26得票数 0
回答已采纳
4回答
我正在一个网站上工作，它的所有页面基本上都是“幻灯片”在主登陆页面上。因此，您基本上是从一个ID为"main“的div开始的，该ID还有一个类”currentpage“。如果单击导航菜单项，内容就会滑落，下一页的内容将滑行。这个新内容的主div将有一个新的id (假设#about)，现在"currentpage“类也添加到这个div中。
问题是，身体标签有一个背景图像附在上面(它过去有一个全屏视频，但我设置它隐藏，然后有这个bg图像在它后面)。我想改变背景图像取决于您在哪个“页面”。首先，我设置了它，以便为其余的页面ID设置一个背景图像，以此类推。问题是，主div的内容被填充了
浏览 0提问于2018-12-05得票数 0
回答已采纳
1回答
我在agent.xml中有两个文件xml.php和agent.xml data
<?xml version="1.0" encoding="ISO-8859-1"?>
<agents>
<agent>
<image> img/sara.jpg</image>
<id>1</id>
<name>Tommy Jenkin</name>
<company>CJenkins Insurance</compa
浏览 0提问于2014-01-15得票数 0
2回答
单击时切换锚点标记背景
、、、
在div中，我有一个锚标签。该锚标签有一个使用CSS分配给它的背景图像。
当用户单击它时，会执行一些JavaScript，但我希望将背景图像更改为另一个图像，然后当用户再次单击它时，背景图像将更改回原来的状态。
任何关于如何做到这一点(JQuery，CSS；我不确定)的帮助都将不胜感激。
提前谢谢。
浏览 0提问于2012-07-14得票数 0
回答已采纳
3回答
我知道如何为前景image.But设置图像映射这一次我想为图像的一部分设置图像映射，它被设置为div.How的背景图像我可以做到这一点吗?我在web上搜索了很多次，无法获得solution.Please help.For示例，
html
<div class="header full" style="background:url('/hdr.jpg';?>) no-repeat; height:492px">
整个图像被设置为背景图像，我想单击Nestle椭圆部分，并将被重定向到一些网址。
浏览 0提问于2013-03-04得票数 3
回答已采纳
我有一个类似下面这样的代码 <div class="container">
<a target="_blank" href="http://www.google.com">Google</a>
</div> 我在容器中使用伪元素::before来为容器div设置一个不透明的背景图像。但是，当我使用::before伪元素设置背景图像时，我不能单击锚标记，并且当我删除伪元素时，它工作得很好。我如何通过保留背景图像来解决这个问题？ 谢谢
浏览 15提问于2021-07-03得票数 0
回答已采纳
3回答
我正在创建一个带有div的表，其中已经有一个背景图像。这些课程是"sw“、"sl”、"so“、"sa”、"sn“和"su”。我做的是，你可以点击div的，右边将显示该div的信息。
但是，我尝试向这些div添加一个悬浮元素，当我不添加onclick函数时，这个元素可以工作。使用onclick函数，不存在将div更改为不同背景图像的悬停。当我单击某个div时，背景图像保持不变。
当您单击div时，如何使背景图像发生更改？
以下是我的HTML代码：
<table width="100%" cellpadding="0&#
浏览 3提问于2017-12-14得票数 1
回答已采纳
1回答
在过去的几天里，我一直在修修补补地创建一个视差滚动站点。我有一个很好的原型工作，滚动不同的背景图像。看起来很酷。
我想再走一步。我基本上有一个分配了背景图像的div。背景图像以不同的速度滚动。现在，我想添加单击向左或向右箭头并更改背景的功能。基本上就是一个旋转木马。但是，如果用户向下滚动，我仍然希望保持视差效果。
HTML的结构是：
<section id="one">
<div id="mainimagewrapper">
<div class="image1">
<div cl
浏览 0提问于2013-02-06得票数 1
回答已采纳
当用户悬停/单击菜单项时，我试图动态地更改某些菜单选项的背景图像。为此，我使用JQuery .css()方法更改背景图像。当用户单击菜单项时，我将所有菜单项的背景图像更改回原来的状态，然后修改单击的菜单项。我如何在JQuery中做到这一点？(图像文件都是以相同的方式保存的，所使用的图像应该反映菜单项的状态。由于我使用"/PictureLibrary/NavBarShortcuts/'menuItemID'.gif“动态地分配默认背景图像，所以我不相信我可以使用多类CSS来分配背景图像，因为非活动类缺少CSS。尽管我可能错了。
以下是我所拥有的：
$('.menu
浏览 5提问于2014-04-21得票数 1
回答已采纳
2回答
我有一个绝对定位图像在另一个图像之上。
现在，当我将单击事件绑定到背景中的图像并单击叠加图像时，单击事件不会像预期的那样出现在背景图像上。
与此同时，它的泡沫确实进一步上升到了底层的div。
<div class="container">
<img src="http://dummyimage.com/600x400/000/fff&text=Background" id="bg" />
<img src="http://dummyimage.com/100x100/ff00ff/00
浏览 0提问于2013-05-24得票数 0
回答已采纳
2回答
当我单击添加图像div时，我应该用另一个背景为白色的十字图像替换当前图像。
你能告诉我怎么做吗……：
交叉镜像
$("div").hover(
function () {
$(this).append($("<div>add image</div>"));
},
function () {
$(this).find("div:last").remove();
}
);
浏览 0提问于2012-11-09得票数 0
回答已采纳
2回答
目前，我正在尝试在jquery ui alert dialog按钮单击事件上设置div的背景。用户单击一个按钮，这会弹出对话框，用户在其中从select选项中选择图像。当他们点击Choose Background( jqueryUI dialog alert的一部分按钮)时。它应该改变div `class=“中间”的“背景”。我以前已经这样做过，但是按钮是html元素的一部分。我已经做了这个常规按钮，但不是对话的一部分。如何更改警报按钮单击div的背景？ - P.S.使用jsfiddle显示来自外部源的图像。
jQuery：
$('#backgroundPick').click
浏览 2提问于2014-09-03得票数 0
回答已采纳
1回答
绝对位置背景图像
、、、
我需要实现以下，一个div，其中包含一个CMS管理的图像，也有一个选项，以显示背景颜色，所有的内容将重叠此背景图像。
由于图像是CMS管理的，所以我必须插入一个图像标记...
<HEADER>
<div> image tag placed here</div> -------this div is absolutely positioned which is
used to show the image in the background or color.
<CONTENT>
<FOOTER>
当没有显示图像时，我正在与布局
浏览 0提问于2012-04-01得票数 2
4回答
我在CSS中有一个背景图像作为body类的一部分：
body.soon1 {
background-color: white;
background-image: url(soon1a.png);
background-position: center;
background-repeat: no-repeat;
}
然后，稍后我有一个javascript函数，它将更改body类。
我将图像放在背景中的原因是，当脚本激活时，背景颜色和背景图像将同时更改，并且您不能选择图像。
有没有可能我只能在将光标悬停在背景图像上时更改光标类型？我明白我可以把
cursor:
浏览 0提问于2013-02-13得票数 8
回答已采纳
2回答
下面的js代码在Prestashop中使用，通过单击缩略图来交换主图像：
$('.js-qv-product-cover').attr('src', $(event.target).data('image-large-src'));
主图像的HTML代码如下：
<div class="product-cover">
<img class="js-qv-product-cover" src="{$product.cover.bySize.ats_large.url}" alt=
浏览 0提问于2018-05-15得票数 0
3回答
在我正在创建的网页上，我有一个带有背景图像的div。我将一些文本覆盖在我将经常更改的图像上，这就是为什么我使用背景图像和真实文本，而不是包含文本的img标记。
背景图像包含一些可单击的区域，因此我需要一个图像映射。
我认为最好的方法是用一个透明的图像覆盖另一个div，并有一个对应于背景区域可点击区域的透明图像的图像映射。
我是在正确的轨道上，还是有更好的方法？
浏览 1提问于2009-11-13得票数 6
1回答
我有一个动画片，播放1秒的旋转装置，然后停下来。我有一个静态图像，先加载，然后被点击后的gif替换，这样齿轮就会旋转。这是使用css和javascript完成的，参见下面的代码。它在第一次单击时按预期工作，但是gif动画在第二次单击时不播放，除非刷新页面。我不想刷新整个页面，因为我使用动画给予显示在齿轮下方的一个div，当它被点击。gif作为背景图像放置。单击gif背景图像/gif是否可以重新加载或刷新？
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document&l
浏览 1提问于2021-03-18得票数 1
回答已采纳
所以我的问题是：
假设我有一个有3个按钮的页面。每一个都包含一个独特的图案作为背景。我想在单击/悬停其中一个按钮后更改整个页面背景图像。
我需要的是类似于的东西我不需要停止预览选项，只要当我选择一个不同的按钮时背景图像再次改变。
我该怎么做呢？
此外，如果不可能，这也适用于我:每当我单击/悬停其中一个按钮时，更改DIV的颜色(而不是整个页面背景)。
浏览 0提问于2013-01-23得票数 0
回答已采纳
我正在寻找一种方法来改变背景图像的div使用jQuery，但只修改它，而不是完全改变它。
让我解释一下。
我正在使用来显示一些打开和关闭的div。现在，当您单击portlet标题时，它将打开并关闭下面的内容。
在portlet header中，我有一个子div，它根据内容的当前状态显示一个箭头(向上或向下)。我需要一种方法来改变这个子div上的背景图像添加到"-visible“的网址为背景图像的结尾。
我甚至不知道从哪里开始做这件事，但我已经在下面添加了一些代码供您查看。
在那里的小提琴中，我需要更改portlet标题中的portlet-arrow div的背景图像。我不能简单地改变
浏览 1提问于2012-01-19得票数 2
回答已采纳
2回答
我试图使用jQuery手动更改div的内容，具体取决于我单击的图像。每个图像都有自己的描述，所以当我单击它时，我要做的是像这样更改div的内容：
var url_image = $(this).find('img').attr('src');
$(document).find('#descripcion').append($(this).find('img').attr('alt'));
$(document).find('#containerImage')
.css('backgr
浏览 0提问于2012-05-24得票数 1
回答已采纳
3回答
我在parent div中添加了背景图像，div的宽度是100%，当您单击div时进行重定向(这一切都很好)，但是我只想重定向div，如果您单击100px;的左到右，例如，这里是我称为div的小提琴，每当我单击div的任何部分，它就被重定向。但是我的问题是，我想要重定向，只有当您在100px;内从左向右单击图像时，是否有可能实现任何建议都是很好的。
$('#loginContainer').click(function(e) {
window.open('http://google.com');
});
谢谢。
浏览 2提问于2013-09-13得票数 1
回答已采纳
3回答
我刚接触过javascript & jQuery，我试着创建一个测试站点，看看通过使用Javascript可以做些什么。
我有个问题。
我在页面底部有8张图片。当您单击该图像时，我希望让DIV库显示选定的图像，该图像将显示在页面的背景中。当您单击另一个图像，然后该图像将显示在DIV画廊和背景。
HTML‘图片库'
<div id="gallery">
<ul>
<li class="selected"><a href="(URL Img 1)"><img
浏览 4提问于2013-07-14得票数 0
1回答
我将有一个图像列表(平铺背景类型)，我希望能够点击一个图像，并使其为整个身体的背景图像显示的目的。到目前为止，我有这样的想法：
$(document).ready(function(){
//var image = ???; what should be here?
$('.img1').click(function(){
$('#body').css('background-image', 'url(images/tiles/tile77.jpg'); //the image u
浏览 0提问于2011-01-31得票数 0
回答已采纳
2回答
打开背景div上的新窗口
、、、
我使用CSS将背景图像应用到一个div标记，该标记封装了网站上的所有内容。
<div id="mainBack">
<%-- All other content goes here --%>
</div>
和带有背景属性的CSS id ..。
#mainBack
{
background: url(../images/background.jpg) repeat-x top;
padding: 15px 0 20px 0;
}
问题:当点击背景图像时，我正在尝试如何打开一个新的浏览器窗口到另一个。我尝试过使用jQuery来
浏览 1提问于2012-02-06得票数 0
回答已采纳
我有两个名为yellowUp的div，其背景图像为up箭头。
现在，当我单击一个yellowUp div时，只有单击的div更改类。如何使两个div更改类单击？
<div class="yellowUp"></div>
<div class="yellowUp"></div>
<div id="contentContainer"></div>
CSS
.yellowUp {
background-image: url(../images/arrow-up.png)
浏览 6提问于2016-10-17得票数 0
1回答
我使用background-size: cover在iPad上显示全屏背景图像.在.click(function(){ $(this).addClass('example') });上，div改变了它的大小。所以我们首先得到了：
position: absolute;
height: 100%;
width: 100%;
后来我们得到了一些
height: 50%;
width: 50%;
然后，在另一次单击中，大小更改为
height: 100%;
width: 100%;
但是背景不再缩放了。我怎么才能解决这个问题？
在台式机上工作很好。 (包含背景图像的div称为.st
浏览 4提问于2015-05-29得票数 2
回答已采纳
1回答
我正在向div添加一个类，用于更改背景图像：
$('div').addClass('specialBackground');
问题是，这种效果相当刺耳。我希望在不同的背景图像之间淡入淡出，并希望将此css保留在我的样式表中。我如何才能做到这一点？
浏览 5提问于2011-09-17得票数 0
2回答
我使用插件。-
我在页的中间有个div。我有背景图像在要点里。我需要它只使用jquery右键单击背景图像。如果你点击背景图像，所以我想显示ContextMenu.如果使用id divPage单击div，则不会发生任何事情。
谢谢你的建议或可能的另一种解决方案。
<body>
<form id="formBackground" method="post">
<ul id="myMenu" class="contextMenu">
<li class
浏览 5提问于2011-09-14得票数 0
回答已采纳
1回答
我有一个跨度，它有默认的背景图像，填充的是。一旦文件被选中，我想将span的背景更改为选定的图像。这个是可能的吗？
我有HTML：
<div class="one">
<span class="two upload_image"></span>
<input id="input_file" class="three" type="file" name="e_picture" accept="image/*">
</
浏览 1提问于2014-03-24得票数 1
回答已采纳
我将图片存储在中，并在一个Ionic / Angular应用程序中使用。图像显示为div元素的背景。它们大多显示的是ok，但在某些情况下，图像丢失了。不管页面被重新加载多少次，丢失的都是特定的图像，而不是其他的。
右键单击背景图像以获取背景URL，然后在浏览器中粘贴该URL将使图像显示良好。
scss代码包含图像的基本样式，背景图像URL是在HTML文件中内联添加的。
item.scss
offer {
.card-image{
background-color:lightgray;
background-position:center;
浏览 1提问于2017-10-04得票数 1
回答已采纳
这里是一个<div>，其背景图像类似于
style {
.bg { background-image:url("../images.png");
background-position:-5px -100px;
}
}
...
<div class="bg"></div>
我用相同的名字更改图像文件。例如，我更改图像文件的颜色并使用相同的名称保存。但是它不会改变浏览器上的图像。我把图像的颜色从红色改为蓝色。但仍然是红色的。如何刷新背景图像？谢谢
浏览 4提问于2017-09-01得票数 2
回答已采纳
1回答
在我的新网站项目，我有一个完整的背景图像。在这上面，有一个动态的div。这个div会模糊背景图像。因此，就在div后面，背景图像被模糊了。我刚在互联网上找到了一些固定位置之类的解决方案。但这是我想避免的，因为它是一个充满活力和响应的网站。
而背景-过滤器我也不想避免，因为它几乎是不支持的。但是我不关心旧的IE等等。如果它能在现代浏览器中工作，那就没问题了。
简而言之，：非固定/动态div将模糊其背后的背景图像。
我知道，很多人问了一些相关的问题，但他们都是老的，答案也一样。我已经在这个问题上搜索了一半的互联网，但是找不到一个现代的/动态的答案。我不敢相信没有jquery技巧或类似的东西，这样做
浏览 2提问于2016-08-27得票数 0
回答已采纳
我是jQuery的新手，我有一个包含7个项目的列表，每个项目都包含一个图像和一个div。当使用jQuery单击图像时，我试图将div背景色从黑色更改为橙色。对于第一个<li>元素，它可以正常工作，但问题是在我单击另一个图像后，以前的div颜色仍然是单击的。
编解码器使用的是.imageRecharge是图像类，radioID是div类。我正在使用siblings()方法来更改其他div，但它不起作用：
$(document).ready(function () {
$('.imageRecharge').click(function () {
浏览 0提问于2015-03-30得票数 0
回答已采纳
我有一个简单的JS函数为每个“页面”更改我的网站的背景图像-实际上没有单独的页面，只有JS更改内容区域和背景。下面是我的代码：
var selector = 'home';
function changeBG() {
if ( selector == 'portfolio' ) {
document.bg_img.src = 'imgs/sandwiches/BLT_smlbw.jpg';
}
else if ( selector == 'contact' ) {
docu
浏览 0提问于2009-12-17得票数 0
回答已采纳
我正在使用CSS自定义属性来设置div的背景图像。div嵌套在锚定标记中，表示路由到另一个页面的可单击“卡片”。 在打开开发工具并禁用缓存的Chrome中，当我单击卡片时，背景图像闪烁。每次锚标签的状态改变时，它似乎都会再次获取图像。 此外，如果我在悬停时向锚点标记添加文本装饰，则图像在悬停时也会闪烁。 CSS看起来像这样： :root {
--image-url: url("https://images.unsplash.com/photo-1529778873920-4da4926a72c2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMD
浏览 28提问于2019-05-30得票数 12
回答已采纳
您好，我不知道如何更改div背景图像，所以这里是它应该如何工作
我有一些带有onclick="change_color()“的图像和一些带有onclick="get_color()”的div，我想要的是当我单击图像时，我应该得到图像src，然后在我单击div之后，div将从上一次单击的图像中获得背景图像。
我所做的就是获取图像src
$(document).click(function(e) {
e = e || event;
$.lastClicked = e.target || e.srcElement;
$.lastClicked2 = e.target
浏览 3提问于2013-05-30得票数 0
2回答
我有一个id为"art“的div。这个div的背景应该是"S1_img1.jpg“。在div下面有一个按钮，当我单击它时，背景图像必须更改为"S1_img2.jpg“。
当我再次点击它时，它必须变成"S1_img3.jpg“，然后它就这样继续。然而，img4是最后一个。这意味着当div背景当前设置为img4，并且我再次单击该按钮时，它必须改回img1。
我试图通过使用javascript来实现这一点，但是我不能让它工作。
1)当我使用下面的代码时，即使我确定图像路径是正确的，图像也不会显示为背景。
<script type="text/javasc
浏览 0提问于2012-12-04得票数 0
回答已采纳
2回答
例如，我可以用css将背景图像放到带有background: url(dump.gif);的特定div中。如果说gif是透明的，我可以将背景色应用于it和css。假设我单击一个按钮，一个命令只运行以更改透明图像的背景，该图像被嵌入到一个更大的div中。
想象一下，玻璃被嵌入到一个更大的div中，并按照描述的方式设置为css背景。任何方式都可以改变它的背景。
“不”作为回答是可以的，至少我不会再想了。
编辑:添加了小提琴。如果玻璃有误导性，点击小提琴。
基本上就是移动加载图像的位置。我想用这段代码改变它的背景。
浏览 0提问于2015-08-31得票数 4
回答已采纳
2回答
这是我遇到的最奇怪的IE错误之一，它发生在IE11！
我有一个简单的元素，如下所示：
<div class="article">
<div class="wrapper">
<header><h1>Hello World</h1></header>
<div class="image" style='background-image: url("http://upload.wikimedia.org/wikiped
浏览 4提问于2014-09-05得票数 0
回答已采纳
1回答
角度切换背景图像
、、
当我点击一个元素时，我想改变它的背景图像。
现在这就是我所拥有的：
<div class="item-center text-center" toggle-class="active cable">
<div class="quiz-background"></div>
<p class="size1 quiz-text">Cable</p>
</div>
css：
.quiz-background {
width: 80%;
min-hei
浏览 2提问于2016-01-07得票数 1
为了学习CSS和jQuery，我想准备任何网站的确切布局。当浏览任何网站时，我想要一个工具，可以返回一个Div中使用的背景的十六进制颜色。
如果背景是图像，当我在浏览器中单击View-Source时，是否可以下载该图像文件？可以查看CSS吗？
我不想使用Dreamweaver，我只想使用任何开源的免费工具。
浏览 0提问于2012-11-13得票数 0
回答已采纳
3回答
考虑下面的示例html：
<body>
<div id="background">
<div id="area1">.....</div>
<div id="area2">.....</div>
<div id="area3">.....</div>
</div>
</body>
我使用Twitter的引导助手库将我的area1、area2和area3 di
浏览 2提问于2011-10-21得票数 0
回答已采纳
2回答
单击按钮时，我希望更改主页中的背景图像。在xaml中，我有；Style="{StaticResource LayoutGridStyle}作为背景。我怎样才能做到这一点？谢谢！
浏览 6提问于2014-06-23得票数 0
回答已采纳
我有一个类，当单击图像以显示附加图像时，它会运行一个函数。此函数生成一个链接的div标记，该标记使用一组变量重新加载页面，然后生成另一个图像。图像被设置为链接的div标记后面的大型div标记上的背景图像，以提供与图像映射相同的效果，但不使用图像映射或SVG。这在Chrome和Firefox中工作得很好，但直到您在URL中使用get变量再次F5页面，才能在Internet Explorer中显示新图像？
有没有人知道如何解决这个问题，让它在IE中像其他浏览器一样工作？
非常感谢。
浏览 0提问于2010-05-05得票数 1
回答已采纳
1回答
我这里有一个小提琴- -一个透明背景的盒子被放置在图像左上角的一半上方。图像和盒子是绝对定位的，盒子被赋予一个比图像更高的z索引。
对于FF、Safari和Chrome，当您悬停在它上面时，就可以看到整个框(光标在方框的任何部分上都会转到指针上)，单击该框会触发单击处理程序，从而使该框变为红色。
但是使用IE (我正在运行IE10)时，只能看到框中没有在图像上的部分。如果您悬停在位于图像上方的框上，光标不会更改为指针，而单击“什么也不会做什么”。
如果你给盒子一个颜色的背景，(取消第4行的CSS)，那么IE会看到整个框，包括图像上的部分。
有人知道这里发生了什么吗?我怎样才能用IE获得一个透
浏览 4提问于2013-11-22得票数 0
回答已采纳
3回答
我有网页的中心位置的内容。在主体上(在这个div后面)有一个背景图像，当我点击图像的可见部分时，我必须将用户重定向到其他链接。问题是div超过了身体(应该是这样的)。当我点击，我是在填充的div。当单击div重定向时，我尝试使用jquery进行重定向，但每次单击它时，我只想在单击图像背景时进行重定向。
<? php echo '<body style="background-image: url(/tv/banners/main/main_banner_68_1.jpg);" class="tm-isblog" itemscope itemt
浏览 2提问于2018-11-28得票数 3
回答已采纳
2回答
我正在使用一个引导旋转木马与背景图像上的每一张幻灯片。每一张幻灯片都有链接显示在上面。我曾就这个问题检讨过很多答案，但似乎没有一个能解决这个问题。下面是旋转木马上的幻灯片：
<div class="item">
<div class="banner-link">
<img src="myimage.jpg" height="486" width="1024" alt="image-d
浏览 0提问于2015-10-16得票数 0
回答已采纳
2回答
按钮放在背景图像上时不能点击？
HTML：
<div class="container">
<div class="page-header section-dark" style="background-image: url('assets/img/5514.jpg'); filter: brightness(200%)">
<button class="btn">Button</button>
</div>
</div>
C
浏览 0提问于2020-08-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
