悬停时图像与页眉重叠
是一个常见的前端开发问题，主要是由于图像的CSS样式设置不当导致的。当鼠标悬停在图像上方时，图像与页眉重叠，影响了网页的美观性和用户体验。
为了解决这个问题，可以采取以下几种方法：
- 使用CSS的z-index属性：通过为页眉和图像设置不同的z-index值，可以控制它们在垂直方向上的层叠顺序。为页眉设置一个较高的z-index值，确保它在图像之上显示。
- 调整图像的位置和大小：通过调整图像的位置和大小，使其不会与页眉重叠。可以使用CSS的position属性设置图像的位置，使用top、bottom、left、right属性微调其位置，使用width和height属性调整图像的大小。
- 使用CSS的overflow属性：通过为图像所在的容器元素设置overflow属性，可以控制其内容的溢出情况。可以设置overflow: hidden，使图像超出容器部分被隐藏，避免与页眉重叠。
- 调整页眉的高度或位置：如果页眉高度较大，可以考虑减小页眉的高度，以避免与图像重叠。如果可能，还可以尝试将页眉的位置稍微上移或下移，以与图像错开。
这些方法都是基于前端开发的常规技术，适用于各种网页和应用场景。当遇到悬停时图像与页眉重叠的问题时，根据具体情况选择适合的解决方法即可。
腾讯云相关产品和产品介绍链接地址：
腾讯云提供了丰富的云计算解决方案和产品，其中与前端开发和图像处理相关的产品包括：
- 腾讯云对象存储（COS）：提供稳定、安全、低成本的云存储服务，可以用于存储和管理网站的图像资源。详情请查看：https://cloud.tencent.com/product/cos
- 腾讯云图片处理（CI）：提供了丰富的图像处理功能，如缩放、裁剪、水印、压缩等，可以用于动态调整图像的大小和样式。详情请查看：https://cloud.tencent.com/product/ci
以上是腾讯云的部分产品，更多产品和解决方案可访问腾讯云官网进行了解。
相关·内容
1回答
在我的相册web应用程序中，我在页面顶部有一个固定位置的导航栏。下面显示了一系列图像。我遇到的问题是，当鼠标悬停在页面顶部的某个图像上时，图像会与页眉重叠。下图清楚地说明了问题所在： ? 我尝试将图像容器和单个图像设置为overflow: hidden;，但同样的问题仍然存在。 下面是HTML： <ul class="container">
<li class="item-list-container"><app-image-item
*ngFor="let imageEl of
浏览 8提问于2020-04-20得票数 0
回答已采纳
3回答
具有悬停效应的重叠图像
、、、、
我试图实现一个效果，其中3个向上箭头图形是按在对方和当你悬停在一个，箭头变得更大，点击你被带到一个新的页面。
我遇到的问题是，当箭头重叠时，图像的透明部分会响应悬停。
最好的方法是什么？我在考虑svg，但是图形太复杂了。
这些箭头中的每一个都是一个单独的图像，在悬停时，它们会向上扩展。但在图形之间移动时，重叠的部分会导致意外的行为。
这是我到目前为止所拥有的一个链接。
浏览 0提问于2016-04-12得票数 0
回答已采纳
我使用css-background属性在页面上显示页脚和页眉背景图像。
#bodyContent {
background-image:url(../images/splash_footer_short.png);
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
}
但是，我的一些页面没有足够的内容，因此我的页脚图像重叠在页眉图像上。我选择不显示页面滚动高度不够高的页脚图像。
我如何提供一个条件，以便我的页脚图像只在滚动高度足够
浏览 33提问于2018-07-19得票数 0
回答已采纳
我想要一个自定义的外观为我的UITableView与图像的页眉，页脚和单元格。为此，我为表格的页眉和页脚返回了一个UIImageView，并且还设置了一个UIImageView作为单元格的backgroundView。
问题是单元格的图像比页眉/页脚窄。这似乎是UITableView的分组样式的默认行为。我需要一个分组样式，这样标题就不会在滚动时与单元格重叠。
有什么办法可以解决这个问题吗？
浏览 2提问于2011-11-08得票数 0
2回答
答:悬停画面溢出问题
、、、
我正在创建一个悬停效果，这样当有人将鼠标悬停在图像上时，扫描线就会出现，但无法使该死的叠加图像与图像的大小相同。
看看这把小提琴：
下面是HTML：
<div class="container">
<a href="#">
<div class="overlay"></div>
<img src="http://www.mainlymunros.co.uk/images/green%20square.bmp" repeat>
</a>
浏览 0提问于2013-03-19得票数 0
回答已采纳
每当用户悬停鼠标时，我希望增加控件的大小。
大小的增加不应该重新调整其他控件，而是当前控件应该与相邻控件重叠，如下所示的google搜索(图像选项卡)：
红色边框的图像与其他图像重叠。
浏览 10提问于2010-12-31得票数 9
回答已采纳
3回答
我对此有一个问题，特别是在macs上，最近我也遇到了一个更大胆的字体问题，也只有macs，但这是通过CSS解决的。
问题：I有10个绝对定位的锚标记，当在悬停(绿色背景图像)时，在PC上没有任何重叠问题，但是在几乎所有浏览器中，背景图像都有一些重叠。
上面的CSS (悬停)：
.homeText a:hover {
background-image: url('/cont-img/on-hover-span_background-partial-solid.jpg');
color: White;
cursor: pointer;
b
浏览 5提问于2012-03-27得票数 0
回答已采纳
我得到的图像是由DIV部分重叠的，当鼠标移到图像上时，这个特定的图像通过外部文件中的CSS设置其边框来改变颜色。
问题是，当我将鼠标从一个图像移动到另一个重叠的div时，图像会失去悬停状态，边界会回到正常状态。
如何告诉具有特定ID的元素，当我输入上面图像的div时，鼠标仍然在它上面？我已经设法在鼠标悬停在DIV上时进行检测，但没有结果，告诉图像鼠标仍然在它上面
我希望避免使用更改CSS
$("#imageID").css('border-color','#FFF');
并以其他方式导致我正在寻找的行为？
提前感谢您的回答
浏览 0提问于2009-09-23得票数 0
回答已采纳
3回答
重叠悬停装饰
、、、
鉴于下面的图片，我真的不知道如何最好地处理这个问题。
我的意思是，我可以使一个精灵图像和位置每个链接/图标绝对，以便当悬停状态发生时，他们不会互相推送。然而，问题是可点击区域将随着悬停状态的增长而增长，从而重叠其他按钮并使其难以单击。
如有任何建议/想法，将不胜感激。
干杯!
我的解决方案感谢@ioannis-karadimas
浏览 0提问于2012-07-07得票数 2
回答已采纳
2回答
我的网站 .I已经设置了当前的菜单颜色和悬停颜色，respectively.the问题是当我们向下滚动时，标题被固定在底部，带有轻微的高度，change.so，菜单颜色是重叠的，这让我感觉不太好。所以我试着用css
.adjustsub nav ul li {
height:40px !important;
padding 0 0 0 0 ;
}
似乎没有什么是working.Please的帮助！
编辑，我需要在完全高度，也就是页眉的高度，当我们向下滚动时，它应该适合固定的标题，size.reducing高度看起来很好，实际上是。
浏览 4提问于2014-08-07得票数 0
回答已采纳
3回答
图像和文本在div上的悬停效应
、、、、
我提供了一个JSFiddle：
它包含一个div、img和span元素。img充当div的背景图像.我不使用CSS background-property作为背景图像，因为我想在悬停div时更改不透明度。span包含与背景图像重叠的文本。当在div上盘旋时，我想要改变图像的不透明度。但是，当鼠标悬停文本(span)时，img的不透明度会更改为初始值0.6。但是我不想让这个图像(!)当我悬停在文本上时，改变它的不透明性。如何才能做到这一点？
总之:在JSFiddle中，如果我悬停在div上，不透明度就会改变为1，即使我悬停在span中的文本上，它也应该保持不变。这还不起作用。
浏览 1提问于2016-07-18得票数 0
回答已采纳
1回答
我完全被困在这上面了。我有一个有背景图像的容器。容器内有3个小圆圈。我试图做的是放大背景图像时，我悬停在它和模糊背景图像，当我悬停在任何一个小圆圈。
我到了三个圆圈正确地重叠容器和背景放大悬停。但我有两个问题
1号我不太喜欢实现圆圈重叠的方式，这就是代码。
#circle_wrap{
position: absolute;
margin-top: -130px;
}
2号是我不知道如何模糊背景。我的初衷是有一个隐藏的黑色竞争对手与0.5不透明度，将显示当我悬停在一个圆圈。但我不知道如何选择覆盖.
如果不能仅用css解决任何问题，我也会接受jquery解决方案
浏览 2提问于2014-11-27得票数 0
回答已采纳
1回答
我有一个div (它有position: relative;)，它包含3个子元素。第一个子元素是image，第二个子元素是上面图像的image-map (映射有两个区域字段，它们有链接)，当在图像上盘旋时，第三个子元素是table (它重叠整个图像{on目的性})并且自然是position: absolute; top: 0;。( table还有3个<tr>元素)
问题如下:由于表元素与整个图像重叠，它也与map area's重叠，它们不能由hover触发(因此，当您在区域映射所在的图像上悬停时，什么也不会发生，因为表位于它们之上)。
看起来是这样的：
<div cl
浏览 1提问于2014-04-17得票数 0
3回答
我有一排图片，每个图片都包含在一个链接中。
当我悬停鼠标时，我希望每个图像周围都出现一个虚线轮廓。
问题是，除了最后一张图片外，RHS上的轮廓都不见了。
这就像是图像与其左侧图像的轮廓重叠。
无论如何，当我悬停时，让轮廓显示在所有4个边上？
(我需要图像相互对接，没有缝隙。)
我在FF14，chrome，IE9上试用过。
浏览 4提问于2012-08-04得票数 21
回答已采纳
1回答
在转换模式背景的不透明度时，我有一个奇怪的行为。转换从0开始，以1结束。我看到转换在没有其他HTML元素的区域中工作。它从0到1完全淡入淡出。 但我使用固定的页眉和页脚。从0过渡到0.9999..页眉/页脚在模式上总是完全可见的。当不透明度达到值1时，它最终会重叠页眉和页脚。 我一开始想到了z索引，但这没有意义，因为当不透明度达到1时，它会重叠页眉和页脚。 #header {
position: fixed;
top: 0;
width: 100%;
height: 80px;
background-color: #002d42;
}
#footer
浏览 19提问于2019-05-17得票数 1
回答已采纳
我想在圆圈内有一个正方形的图像。
当用户将鼠标悬停在图像上时，图像应缩放(放大)。
圆的大小应该保持不变。
只有在CSS过渡期间，正方形图像才会与圆形重叠(就好像overflow:hidden根本不在那里一样)。
这是一个在Chrome和Safari中有奇怪行为的演示：
在火狐中工作正常。
浏览 0提问于2013-06-02得票数 20
回答已采纳
1回答
当有一个表格时，我遇到了一个重叠单元格的问题。我希望单元格不要有任何背景颜色。当我粘贴第一列以便它留在原处时，当我在它上面滚动时，其他值与它的文本重叠。我可以通过给页眉设置任何背景颜色(例如白色)来解决这个问题。这样做的问题是，我希望对整个行都有一个悬停效果，如果th已经有了自己的背景色，这就不起作用了。
HTML
<div style="width: 200px; overflow: auto;">
<table>
<tr>
<th class="header">H
浏览 9提问于2019-12-01得票数 0
回答已采纳
1回答
我已经设置了我的页面，当用户将鼠标悬停在图像上时，会显示一个文本和一些气泡。有11个鱼的图像，每个图像都有自己的文本和气泡。我确保了包含鱼的div中没有重叠，但当用户将鼠标悬停在特定图像上时，其他一些图像的文本也会显示出来。这太让人分心了，因为用户希望一次只看到一个文本。我该如何解决这个问题？以下是该页面的链接：
浏览 3提问于2011-12-02得票数 1
回答已采纳
1回答
问题：
我们有一个网页，我们加载在安卓应用程序和iOS应用程序。该网页有一个页眉和页脚插槽，以及一个图像横幅插槽。
当开发人员将图像的URL附加到页眉、页脚和横幅插槽时，大多数情况下图像不适合屏幕。1.它们跨越屏幕大小的界限2.带有文本内容的图像被横幅插槽中的按钮隐藏
我们必须执行自动化操作，检查图像是否与横幅插槽中的按钮重叠，以及图像出现在设备中后是否超出屏幕尺寸。
我检查了一些想法，比如Sikuli和一些截图比较库。我正在寻找的是一些更接近人类识别的工具，它可以判断图像是否超出了极限。
谁能告诉我，我可以使用哪个库或工具来实现自动化？
我正在上传我们的网页的图片
浏览 1提问于2017-06-02得票数 0
2回答
我的站点中有一个svg图像元素。我想把这张照片藏在鼠标架上，然后显示在鼠标上。
但是，我有一个奇怪的问题，图像闪烁在鼠标上方.
我试图通过css和jquery隐藏图像。在这两种方法中，我都遇到了相同的错误。
SVG
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<image x="20" y="20" class="imghideshow" width="300" height="80"
浏览 3提问于2013-03-15得票数 6
回答已采纳
2回答
QML中的MacOS类坞组件
、、、、
使用QtQuick，我在一个中继器中有一行5个图像。我想在悬停时实现一个类似于MacOS码头动画的动画。这里有一张供参考的图片：
为了进一步分解它，下面是我想要完成的任务。这些图像在悬停时的作用如下：
悬停图像扩展
相邻图像扩展，但稍微少一些
图像在展开时不重叠
这是我到目前为止掌握的代码
Row {
spacing: 2
anchors.bottom: parent.bottom
anchors.bottomMargin: 30
anchors.horizontalCenter: parent.horizontalCenter
浏览 1提问于2017-09-26得票数 1
回答已采纳
这个问题似乎与
但还是不太好。事情是这样的:我正在写一个小画廊，在某个时候，用户点击一个缩略图。图像的大版本显示为全屏的内部。到现在为止还好。当鼠标悬停在我显示的三个图像上时:关闭、左、右，用于浏览相册；当鼠标离开图像或导航图像时，三个导航图像就会褪色。
这三个导航图像与主图像部分重叠，例如，关闭图像是左上角的一个圆圈。这是最棘手的部分。
当鼠标从主图像移出侧面，或从主图像移动到三幅小重叠图像中的一幅时，鼠标同步触发。按预期为每个小重叠图像的鼠标触发。
但是，这会产生奇怪的闪烁效果，因为在主图像的鼠标保存上，我隐藏了三个小图像，因为重叠和鼠标仍然位于主图像的顶部，这会立即触
浏览 0提问于2012-05-18得票数 2
回答已采纳
3回答
Css帮助？悬停时的图像
、、、、
嘿，伙计们，我需要一些css的帮助，我有一些图像，当我悬停在它们上面时，它会扩展，但它会同时推开所有东西
<style>
.box
{
width: 750px;
height: 1000px;
border:1px solid green;
}
.enlarge-onhover {
width: 125px;
height: 125px;
}
.enlarge-onhover:hover {
width: 225px;
height: 225px;
}
</style>
我不希望它
浏览 0提问于2013-05-21得票数 0
1回答
使列表的元素在视觉上重叠
、、、、
我有一个列表(ul)的图像，连续3(看起来像Metro )。我想用jQuery动画这些图像，即在悬停时调整它们的大小。问题是，当图像调整大小(缩放)时，其他元素会移动，以便为缩放的元素腾出空间，从而扰乱整个设计。
我想要做的是使悬停元素与其他图像重叠。我怀疑我可以通过操作它的CSS位置属性来实现这一点，我尝试过，但是我似乎找不到或找出了正确的解决方案。
我使用hoverIntent在悬停时调用操作。
用于放大图像的代码。
$(document).ready(function() {
$(".entry-img").hoverIntent(tall,short);
functio
浏览 1提问于2013-08-08得票数 0
回答已采纳
我正在尝试为重叠的图像元素的图库编写一些代码。我希望每个图像都有一个悬停事件处理程序，它在鼠标进入图像时将图像带到前面，然后在鼠标离开图像时将图像移回。就像现在一样，图像闪烁着，就像它们被带到前面，然后又被直接放回去。代码可用。我相信这可能只是一个css/jq动画修复，但我不能理解。
浏览 5提问于2011-09-17得票数 0
回答已采纳
1回答
我有一个固定的页眉和页脚实现的问题。
在这个例子中，当我为固定的页眉和页脚设置背景颜色时，一切都很正常。
查看此处
但是当没有设置背景颜色时(页眉和页脚的背景颜色与正文的背景颜色相同)，这是客户端想要的，内容区域会与页眉和页脚重叠。
查看此处
有什么解决方案吗？？谢谢
浏览 4提问于2013-03-21得票数 0
回答已采纳
我使用jQuery UI使一些元素可拖放。就像一个可排序的元素一样，当拖放元素时，我试图将拖放的元素左/右/上/上/下排列为一个悬停元素。另外，我想显示一个在悬停的另一个元素上的指示器，当元素被丢弃时，元素将被放置到其中。
其行为应该是，如果光标悬停在元素的左侧三分之一，则元素将被拖到悬停元素的左侧。如果光标位于悬停元素的右三分之一上方，则应将其放在悬停元素的右侧。在script.aculo.us中，有一个名为“重叠”的参数，它表示鼠标与悬停元素的百分比重叠。
jQuery UI中是否有类似的内容，或者如何做到这一点？
浏览 0提问于2012-07-06得票数 1
回答已采纳
我正在使用IntelliJ IDEA (2016.3) linux version进行Java开发。如下面的图像所示，当鼠标指针悬停在错误线上时，错误消息被javadoc重叠，使得读取给定的错误消息更加困难。如何解决这个问题？提前感谢
浏览 5提问于2017-03-07得票数 23
回答已采纳
1回答
我已经创建了一个堆叠和分组条形图与React + d3。第一次加载时，您可以单击任何图例，它将切换图形。但是，一旦您悬停并显示图形和工具提示，则工具提示与图例重叠，您不能再单击图例来切换。所附图像显示了它如何重叠。
完整的代码演示是，请有人帮忙吗？
浏览 1提问于2020-09-07得票数 0
回答已采纳
1回答
所以我的想法已经用完了。我正在制作一个网站。我的第一个。只有CSS3 HTML。当我完成当前的版本时，我将切换到引导程序，只想消除bug。
这是一个js小提琴
我当前的问题是，我有一个在悬停时放大的图像，当您单击这个悬停时，它会带您进入一个模式，其中包含有关主题的更多细节，但是当我移除来自悬停的抖动错误时，我就失去了单击图像的任何部分来打开模型的能力。现在，我只能单击红色和蓝色框不重叠的地方(它只对第2行第2列的图像可见)。蓝色框是:hover: after伪元素。
我试着在js中选择“悬停:在伪元素之后”，使之成为on事件。但是，在js中，我似乎无法同时选择“悬停”和“使用window.ge
浏览 1提问于2019-07-20得票数 0
回答已采纳
0回答
我想要在页眉下方和页脚上方的可用空间中居中显示图像。它需要具有响应性，所以我希望图片尽可能大，但不能重叠页眉和页脚。
镜像ID为#nMapImg。
我有这些值：
var dh=$(document).height();
var dw=$(document).width();
var hh=$("#header").height();
var fh=$("#footer").height();
var w=$("#nMapImg").width();
var availHeight=h-hh-fh;
我认为这只是一个数学计算，计算出我可以拥有的最大
浏览 14提问于2017-06-08得票数 1
回答已采纳
新手在这里，所以请耐心等待:)
我有一个图像(Image#1)，它与页面的最左边对齐(所有正文填充和页边距设置为0)，并添加了一些翻转javascript，以便在鼠标悬停时出现新的图像(Image#2)。Image#2比Image#1大。
目前，在鼠标悬停时，Image#2会出现，但并没有靠页面靠左对齐(默认页面边距似乎已经重新引入，而body CSS规则被忽略)。
有没有什么方法可以将ID应用到Image#2，这样我就可以控制它的样式？或者是否有其他方法可以删除鼠标悬停时出现的页边距？基本上，我希望2个图像重叠在最左边的角落。
非常感谢您的帮助。谢谢!
浏览 0提问于2011-02-24得票数 1
1回答
当用户基于xAxis在图表的任何部分悬停时，我试图让数据点悬停触发。
我不想让他们直接在数据点上盘旋。
我试着设置pointHitRadius，但是当然这是一个半径，所以dataPoints的hitbox开始重叠。
浏览 1提问于2018-12-23得票数 1
回答已采纳
我想有一个有3个部分的布局:页眉，内容和页脚，其中页眉和页脚部分应该保持固定在屏幕的顶部和底部分别。中间的内容部分是动态的，可以长得很长。在这种情况下，我希望它是可滚动的，并且仍然适合在中间。所以我尝试了这样的方法：
<RelativeLayout...>
<LinearLayout android="@+id/header"
android:layout_alignParentTop="true"
..../>
<ScrollView android:id="@+id/content"
android:layout
浏览 0提问于2014-10-02得票数 2
4回答
Div容器和p元素重叠另一个Div，该Div包含需要响应:hover CSS事件的图像，导致Div容器中只有一小部分能够感觉到鼠标悬停在它上面。
我该怎么解决这个问题？
z-index也因某些原因而无效。
尝试将鼠标悬停在图像上。
浏览 3提问于2014-05-04得票数 0
回答已采纳
我是个新手，我在滚动时遇到了图像重叠导航栏的问题。仅当我在悬停时应用-webkitfilter灰度时才会发生这种情况。如果我把它从样式表中删除，一切都会恢复正常。 如下所示： .images {
color: darkgray;
font-size: 0.9rem;
filter: gray;
-webkit-filter: grayscale(100%); } .images:hover {
filter: none;
-webkit-filter: grayscale(0%); } url是这样的：http://josefinaechenique.esy.es/musica.html
浏览 77提问于2017-06-15得票数 2
回答已采纳
我是新的网页设计，我正试图弄清楚，我如何可以添加一个圆形边界上的循环图像在悬停。我正在使用下面的图片。我想在悬停时给它加上红色的边框。它已经有灰色的边框了。我希望边界与内置边界重叠。有人能帮我找出最好的方法吗？我不太懂jquery。如果解决方案是在css中，那将是很棒的。
浏览 2提问于2014-02-14得票数 1
回答已采纳
3回答
我用float:left设置了一个图像的样式，并且可以预测的是，标题的文本出现在图像的右侧之后(如果有帮助，这种情况的上下文是网站标题中彼此相邻的徽标和标题)。
当我查看header元素(h1)时，它占据了图像后面的空间(重叠)。文本仍在图像旁边，但h1元素的背景与图像重叠。
<div id="header">
<a href="index.html"><img src="logo2.png" /></a>
<h1>AlanHoRizon</h1>
<p&g
浏览 1提问于2011-05-29得票数 2
回答已采纳
1回答
当我使用@media print时，我不知道如何设置身体的高度。
我有一份长长的文件。我将每个页面设置为具有相同的页眉和页脚。
报头
@media print {
position: fixed;
top: 0;
}
页脚
@media print {
position: fixed;
bottom: 0;
}
如何将身体放在页眉和页脚之间？当我把数据放在纸上时，部分{页眉体页脚}会被重叠。
浏览 0提问于2018-09-12得票数 0
1回答
我有一个容器的背景图像，添加了一个半透明的背景在悬停。以下是我的(简化) HTML：
<div class="container">
<div class="overlay"></div>
<img src="hi.jpg">
</div>
以下是实现半透明覆盖的方法：
.container:hover > .overlay {
background-color: black;
height: 100%;
position: absolute;
widt
浏览 1提问于2013-10-30得票数 0
回答已采纳
3回答
通过这个example，我试图使html页面的非悬停元素变暗(即降低不透明度)。 下面的代码仅适用于不重叠的元素。但是，如果页面包含一个在背景中重叠的元素，并且我不希望在悬停时对其产生任何影响(例如下面的绿色方块)，那么当光标仍然停留在背景形状上时，感兴趣的“可悬停”元素(例如下面的红色圆圈和蓝色矩形)会变暗。 换句话说： 。绿色方块:不可“悬停”(悬停时不会有任何效果) 。红色圆圈：“可悬停”(即悬停时使所有其他元素变暗，即蓝色矩形和绿色正方形) 。蓝色矩形：“可悬停”(即悬停时使所有其他元素变暗，即红色圆圈和绿色方块) 当我悬停绿色方块时，我怎么能跳过使所有元素变暗的过程？ .par
浏览 17提问于2021-01-15得票数 2
回答已采纳
1回答
我有一个包含图像的行列表。这些图像以小图像的形式出现。但如果将它们悬停在屏幕上，它们会被缩放。缩放时，较小的图像会重叠。悬停图像下方的较小图像不会隐藏，而其上方的较小图像则隐藏。
我不确定我在哪里犯了错误。我用来缩放的类是，
transition: all 0.6s;
-ms-transform: scale(6.5, 6.5);
-webkit-transform: scale(6.5, 6.5);
transform: scale(6.5, 6.5);
overflow: hidden;
hei
浏览 7提问于2019-10-23得票数 0
回答已采纳
我正在尝试在滚动视图中实现一个拉到缩放的标题。我设法在上下滚动时使用setScaleX和setScaleY缩放页眉，但问题是我的页眉与其下方的视图重叠。
有没有办法缩放视图并移动它后面的所有内容？
我试着翻译视图，但我找不到合适的翻译量，所以总是有重叠或空白
我使用的是垂直LinearLayout，我还尝试了使用RelativeLayout，头部在顶部，后面是LinearLayout，layout_below
浏览 12提问于2017-04-13得票数 0
1回答
，所以我遇到了一个问题。这是我的第一个网站，我试图把我的导航栏/页眉放在网站的顶部。这里的问题是它只根据窗口的大小显示。我试着用
background-size: cover;
但是，当窗口是全尺寸时，您会看到主链接下方的图像悬停。如果我能帮上忙，我将不胜感激！谢谢:)
浏览 1提问于2013-06-02得票数 0
2回答
我在我的活动中实现了一个导航抽屉。我的应用程序的受众是老年人，我希望图标非常大，占据整个抽屉的高度。
我希望有4个图标间隔均匀，没有文字，只有大图标。我尝试过使用标签：
<dimen name="design_navigation_icon_size" tools:override="true"></dimen>
但我一直没能让它工作。当图标在靠近顶部的位置变得太大时，它们只会相互重叠。图像似乎总是包含在页眉布局中。
浏览 1提问于2017-04-04得票数 1
1回答
我正在尝试在悬停图像时产生缩放效果。问题是，放大的图像与其相邻图像重叠，需要做什么才能使当前悬停的图像始终在顶部？
.col-sm-4 { padding: 0 !important; }
img { max-width: 100%; height: auto; }
.box {
-webkit-transition:ease 0.7s;
-moz-transition:ease 0.7s;
-o-transition:ease 0.7s;
transition:ease 0.7s;
display: block;
}
.box:hover {
浏览 0提问于2018-03-27得票数 0
1回答
缩放和缩放是重叠的文本
、、、
我试图在悬停时使用缩放和缩放来放大图像，但它与悬停时的文本重叠，如下图所示：
有人知道问题出在哪里吗？
代码：
div.item {
overflow: hidden;
}
.item img {
-moz-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
-moz-transform: scale(1,2);
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
.item img:
浏览 4提问于2017-05-13得票数 0
2回答
我有一个图像，我想打印它在所有的网页作为一个页眉在中心。我尝试了不同的方法，但图像与页面内容重叠。下面是我的HTML和CSS：
div.pageHeader {
position: fixed;
top: 0;
}
<div class="pageHeader" align="center">
<img width="600" height="150" src="logo.jpg" alt="logo">
</div>
我试图找到我的问题的完美
浏览 3提问于2013-12-30得票数 4
回答已采纳
我的iOS状态栏和标题重叠出现问题。使用CSS，我可以成功地将页眉向下移动，但是当页面滚动时，页面内容位于页眉下方，并显示在状态栏的顶部。这是我使用的代码。
[name=mobileheader] {
height: 98px;
margin-top: 20px;
}
我也尝试过这种情况，但标题中的按钮不会随之向下移动，因此它们仍然与状态栏重叠。
[name=mobileheader] {
height: 98px;
padding-top: 20px;
}
如何让按钮与标题的其余部分一起下移？或者，如果任何人有关于如何使标题不与状态栏重叠的其他建议，我会采纳这些建议！
浏览 0提问于2016-12-16得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
