Javascript 我能检测到我的徽标下是否有图像吗？
在我的主页上，我有以下两个元素： 这两个元素都是SVG图像。如果用户现在最小化主页，我在一些设备上遇到了这样的问题：徽标（与背景颜色相同）覆盖在背景上，并且在我的移动布局启用之前是不可见的 我在一些屏幕解决方案中遇到了这个问题，要更改每个分辨率的背景并不容易（而不是像mobile、tabled等默认分辨率） 所以我想知道是否有可能检测到我的徽标是否覆盖在背景图像上。如果它开始覆盖它，我想让溢出的部分变成白色，另一部分保持蓝色，这样它仍然可见： 如果这可以工作，我将提供一个简单的代码，适合我的情况，因为当这是可能的，我不认为我不能让它工作，因为我自己的复杂性 更新Javascript 我能检测到我的徽标下是否有图像吗？,javascript,php,jquery,Javascript,Php,Jquery,在我的主页上，我有以下两个元素： 这两个元素都是SVG图像。如果用户现在最小化主页，我在一些设备上遇到了这样的问题：徽标（与背景颜色相同）覆盖在背景上，并且在我的移动布局启用之前是不可见的 我在一些屏幕解决方案中遇到了这个问题，要更改每个分辨率的背景并不容易（而不是像mobile、tabled等默认分辨率） 所以我想知道是否有可能检测到我的徽标是否覆盖在背景图像上。如果它开始覆盖它，我想让溢出的部分变成白色，另一部分保持蓝色，这样它仍然可见： 如果这可以工作，我将提供一个简单的代码，适合我的
因为DCR告诉我这是可能的，所以我现在提供一个示例：
#内容{
调整大小：两者；
溢出：自动；
宽度：700px；
高度：400px；
边框：3倍实心；
背景图片：url(“数据：image/svg+xml；charset=UTF-8，%3csvg width='580'height='400'xmlns='1”http://www.w3.org/2000/svg“%3e%3cg%3e%3ctitle%3ebackground%3c/标题%3e%3crect fill='%23fff'id='canvas_background'height='402'width='582'y='-1'x='-1'/%3e%3cg display='none'overflow='可见'y='0'x='0'height='100%25'width='100%25'id='canvasGrid'%3e%3crect fill='url'（%23gridpattern）'stroke width='0'y='0'x='0'height='100%25'width='100%25'/%3e%3c/g%3e%3cg%3e%3ctitle%3eLayer 1%3c/title%3e%3crect stroke='23000'id='svg_1'height='432.000047'width='409.999983'y='-12.546892'x='211.500021'stroke width='0'fill='0'fill='%2330a8a8'/%3e/svg%3e]；
背景位置：右上角；
背景尺寸：封面；
背景重复：无重复；
显示：块；
}
#标志{
宽度：自动；
高度：65px；
填充：15px；
}如果我答对了，这将为您完成这项工作，减少/增加css for.banner left:-您可以测试它
$（文档）.ready（函数（）{
//添加+徽标宽度+1px，宽度30+1=31px
var logo=$（'.logo'）.offset（）.left+51；
var banner=$（'.banner'）.offset（）.left；
如果（徽标>横幅）{
console.log（'标志上方有横幅'）
}
console.log（'logo:'+logo）
console.log（'banner:'+banner）
}).logo{
高度：50px；
宽度：50px；
}
.横幅{
高度：130像素；
宽度：130px；
位置：相对位置；
左：-5px
}