繁体   English   中英

变焦太远时,阴影阴影消失

box-shadow disappears when zoomed too far out

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

当用户水平滚动时,我希望第一列冻结。 最初,滚动时边界并没有停留,所以我环顾四周,大多数地方建议使用“盒子阴影”。

但是,当我缩小得足够多(例如等于或小于75%)时,滚动时框阴影将完全消失。 我敢肯定这是由于我的盒子阴影的宽度只有1px,但是我不能完全变厚,因为它从边界“漏出”了,使表格的总体布局看起来有些偏离。

    <TDHeader
      color={
        (level.level + zebraStripOffset) % 2 === 0
          ? "rgba(242, 242, 242, 1)"
          : "rgba(255, 255, 255, 1)"
      }
      shadow={
        "1px 0px 0px 0px rgba(147, 147, 147, 1), -0.5px 0px 0px 0px rgba(147, 147, 147, 1)"
      }
      className="bold"
      rowSpan={2}
      hideLeft={true}
      borderBottom={isLastRow}
    >
      {level.level}
    </TDHeader>

当以100%缩放比例滚动时,所有内容看起来都很花哨: 滚动阴影

但是,在这种情况下,即使我缩小到90%,方框阴影也会在滚动中消失: 在此处输入图片说明

如果我将水平偏移量更改为1.5,就可以了:
在此处输入图片说明
但是,当我缩小到100%时,您会看到边框看起来“偏移”,因为阴影向右稍微漏了一点。
在此处输入图片说明

那么,我最好的行动计划是什么?

问题暂未有回复.您可以查看右边的相关问题.
2 CSS:悬停时阴影不会消失

我用几个按钮做了一个小菜单。 我在菜单按钮上添加了阴影。 它运作完美。 我想在菜单中添加一些“深度”,因此它们实际上变成了“按钮”。 如果您在阴影中玩耍,则效果很好。 不采取任何措施,阴影应位于左上角。 #menu ul li { -moz-box-shadow: -3px ...

3 滚动时,UITableViewCell上的阴影消失

我有一个带有阴影的单元格的UITableView。 当我上下滚动时,单元格的阴影消失了。 当我认为这是一个重用问题时,我已经只使用了一个带有阴影的单元格。这可能是什么问题? ...

4 阴影不会消失

我制作了一个无尽的赛跑游戏,马在峡谷中奔跑。 所以我注意到墙上的阴影会在自己身上产生阴影,所以我想将其移除,因为它很难看。 所以我的问题来了,即使我禁用了从那堵墙的网格渲染器投射的阴影,我怎样才能去除那个阴影? 我也尝试在墙壁附近放置一个灯点,但它仍然不起作用。 我该如何解决这个问题。 我附上一张照 ...

5 在android浏览器/ cordova上滚动太远时摆脱阴影

在页面顶部滚动阴影 当我上下滚动太远时,我很难摆脱这个阴影。 我目前正在使用Cordova来显示我的HTML,但是我在Chrome浏览器的其他网站上看到了此行为,所以我觉得这可能是HTML中的一个属性。 有没有办法使用CSS摆脱它? ...

7 向下滚动时逐渐消失的Div阴影

我正在寻找一种方法,使我的主要内容div带有阴影,当您向下滚动页面时,该阴影会逐渐消失。 完美的例子是在http://www.gamespot.com/上,注意到它们的主要内容带有阴影,使阴影流行,但随后逐渐消失,使网站看起来平坦。 如何达到这种效果? 谢谢! 屏幕截图: ...

8 CSS3内部阴影在缩放时消失

我正在尝试使用内部阴影和内部图像缩放div。 这是代码: 问题在于,将鼠标悬停在div上时,图像会出现在div上,从而隐藏了内部阴影。 我已经尝试过div:hover的z-index:3,但是没有结果。 你能帮我吗? 提前致谢 ...

9 UINaviguationBar底部阴影消失

我在导航栏下有1px的线,但是当我使用搜索栏的“取消”按钮时它消失了。 之前: 我按取消... 编辑取消代码: 后: 我该如何解决? 任何建议都会有帮助 ...

10 WPF-阴影消失

我创建了一个没有样式的窗口,并添加了自定义边框。 我需要我的窗户放下阴影。 但是当我像这样设置宽度和高度时,我的阴影消失了: 请帮助我找到解决方案。 谢谢 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM