CSS变换而不影响子元素？

文章/答案/技术大牛

发布

3回答

html、css、css-transforms

我正在尝试让一个卡片元素在悬停时向上移动，然后在它不再悬停时再向下移动。我目前正在通过在CSS中使用transform和translate来实现这一点。但是，我注意到这可能会影响子元素，也会影响我希望此动画受其影响的元素。这是我目前拥有的卡片的HTML和CSS： .server :hover { -ms-transform: translate

浏览 254提问于2020-04-02得票数 0

回答已采纳

4回答

scaleZ() CSS转换函数是做什么的？

css、3d、css-transforms

我正试图用3D CSS转换来包装我的大脑，而我很难理解scaleZ()函数的用途。scale()、scaleX()和scaleY()说得通:它们沿着指定的轴拉伸元素，并将其沿该轴的维数乘以所提供的数字。 scaleZ()会影响变换后的儿

浏览 6提问于2011-10-19得票数 16

回答已采纳

1回答

如何让CSS缩放元素不影响页面滚动条？

html、css、scrollbar、transform、bounding-box

我正在尝试有一个元素的大规模CSS变换动画，使其出现/消失。变换的尺寸很大，因为在变换期间，元素可能会变得比屏幕大，因此会影响滚动条。我希望它不影响滚动条，同时仍然允许页面有滚动条(所以body / overflow: hidden不是一个选项)。这将是一个通用的效果，因此我无法控制效果将运行的页面布局。我能想到的最好的办法是有一个完整的页面div，并隐藏溢出，然后在那里运行效果，然而这意味着将元素移出其正常的DOM，这将破坏所有

浏览 95提问于2020-10-28得票数 1

回答已采纳

2回答

CSS不透明度-不影响子元素

jquery、css

可能重复： css或jquery是否可以对元素应用透明度/不透明度，而不影响子元素？

浏览 2提问于2012-11-05得票数 0

回答已采纳

1回答

我想改变visualViewport的规模。我如何才能实事求是地做到这一点？

html、viewport

编辑: window.visualViewport.scale与CSS变换的缩放是完全不同的，后者以前被认为是这个问题的解决方案，也是锁定这个问题的原因。CSS变换在布局视口中操作，而visualViewport缩放不影响每个设计的布局。

浏览 1提问于2018-05-31得票数 0

2回答

使用jquery操作单独的CSS转换效果

javascript、css

如果我的元素定义了多个CSS变换效果，如下所示：但是我只想操作其中的一个，比如更改它的平移坐标而不影响scale我能用转换CSS pProperty做一些类似的事情吗？

浏览 2提问于2014-03-31得票数 1

2回答

使用CSS，如何按其类修改子元素，而不影响具有相同类但略有不同的父元素的另一个子元素。

html、css、css-selectors

使用CSS，如何通过其类修改子元素，而不影响具有相同类但略有不同的父元素的另一个子元素。</div> <div class = "XYZ"> </div></div> 我的要求是，我希望在不影响其

浏览 1提问于2015-12-08得票数 0

回答已采纳

1回答

Android v4.0 CSS翻译

android、css

该页面仅使用HTML5、CSS3和JavaScript。有谁能帮我解决这个问题吗？

浏览 1提问于2012-02-17得票数 0

3回答

CSS变换缩放，不缩放子元素

css、transform

如果我有一个带有几个子元素的div，并且它正在进行css变换缩放。我有一个不想缩放的子元素#parent{}span:last-child{ <span>Child 2</span> <span>Child 3 (Don't Scale

浏览 0提问于2014-11-21得票数 24

回答已采纳

2回答

变换父div而不影响其子div

javascript、html、jquery、css

我只想让这个动画影响div标签，而不是它里面的文本，我就是想不出一个解决方案。这是Html代码： <!

浏览 55提问于2020-05-13得票数 0

1回答

使用视图封装时角不封装css

css、angular、angular2viewencapsulation

他们都在使用primeng 现在的问题是，在我的应用程序中添加了second-menu之后，left-menu的风格发生了变化。/left-menu.component.css'],第二菜单 selector/second-menu.component.css'], encapsulation: ViewEncapsulation.Emulate

浏览 2提问于2018-04-11得票数 0

2回答

隐藏/显示div而不影响内部元素

javascript、jquery、css

基本问题： <div class="root"> <table> </div>当我使用.root {display:none;}或$('.root').slideUp(500);时，内部div和内部TD元素将

浏览 2提问于2013-05-17得票数 0

2回答

“位置:相对”到底是什么意思？

html、css、position、w3c

w3.org/TR/CSS2 因此，要更改包含块的CSS，必须将position应用于其子块吗？是不是很奇怪？当您将position: relative应用于父级时，将position: absolute应用于

浏览 4提问于2016-10-13得票数 0

4回答

使css不影响儿童

html、css

如何使css样式不影响该元素的子元素？$<style type="text/css">background-color: #0F0;} background-color:#fff</styleparent<div class="child">child</div>Parent2</div> (这确实影响

浏览 4提问于2011-07-09得票数 4

回答已采纳

1回答