嵌入框的问题-阴影和变换: Chrome上的Scale()

文章/答案/技术大牛

发布

1回答

html、css、shadowbox

我需要使用inset Box-Shadow来模拟边框，因为如果水平/垂直边框有不同的颜色，我需要控制它们如何重叠。0 red; box-sizing: border-box; backgrou

浏览 10提问于2018-08-04得票数 1

1回答

Chrome中的CSS倾斜/阴影/悬停错误？

html、css、webkit

我有一个问题，如果您将鼠标悬停在(来自CSS3变换的)倾斜的<li>元素上，并且应用了阴影，那么它生成的阴影将不会正确呈现。在这里直接看到这个问题可能会更好- 这个问题似乎仅限于web-kit浏览器(Chrome和Safari)。有没有人知道解决这个问题的办法？我在使用它时发现的一件事是，如果你移除了导航对象<em

浏览 0提问于2012-01-24得票数 2

回答已采纳

2回答

CSS表tr悬停一种颜色/边框，td悬停另一种颜色/边框，不重要

css、hover、css-tables、tablerow

important; border-bottom: 2px solid red;我想要的是突出显示行和单元格。在这种情况下，ROW:hover的背景颜色会变暗，边框会被强调。在Chrome中检查，而不是在Firefox中检查。那么，有没有一种方法可以不使用important

浏览 0提问于2013-03-07得票数 5

回答已采纳

2回答

向下滚动时Drupal站点菜单覆盖卡在Chrome浏览器中

theming

当我使用Chrome时，我在我的drupal中注意到一种奇怪的行为。页面顶部有一个覆盖层。在Chrome中，这个覆盖被“卡住”在页面上，你很难摆脱它，它开始不停地闪烁。如果我刷新它的罚款，当我向下滚动问题再次出现。📷.fixed#header {位置:固定；顶部: 0；左: 0；填充:18 px0；宽度: 100%；背景颜色：#fff；背景颜色: rgba(255,255,

浏览 0提问于2017-03-30得票数 0

回答已采纳

1回答

css复选框比例在os x上不能很好地缩放。

html、css、macos

我想创建一个视觉上更大的复选框。我在这里读到，唯一的方法是使用CSS变换比例： transform: scale(1.2); -ms-transform: scale(1.2);问题是，在windows、IE、FF和Chrome浏览器上，它看

浏览 2提问于2014-12-23得票数 0

1回答

Webkit嵌入阴影错误

css、webkit

这是一个与：不同的bug将内嵌框阴影应用于文本输入，似乎会在Chrome (14.0.845.202) / OS上按下键显示工件(读:光标周围的另一个嵌入阴影)。

浏览 0提问于2011-10-20得票数 1

2回答

表格行上的CSS框阴影不正确显示

css、box-shadow

我在一张桌子上悬空时给它加上了一个小的盒子阴影，这样它就更明显了。它可以正常工作，但是当我添加交替的行颜色时，它就停止了正确的显示。border-left: none; border-bottom: none;</style> 正如您可以看到的，框影出现时，它应该像它应该在较深的颜色行与"alt“类，但对于较浅<

浏览 3提问于2019-03-07得票数 3

回答已采纳

1回答

尺度变换导致柔性布局的渲染间隙

css、google-chrome、flexbox、css-transforms

我使用flex布局来呈现一个容器div，其中包含3个均匀大小的列。它就像我所期望的那样工作，直到我应用了一个比例变换。当容器缩小时，内容框之间会出现很小的间隙。这个问题发生在MacOS Chrome和Safari上，而不是火狐。我相信我看到了一个渲染错误，但想知道是否有人会有解决办法的想法。下面是一个非常简化的示例，它演示了Chrome中的问题：

浏览 4提问于2017-06-14得票数 2

回答已采纳

2回答

Textarea inset box-阴影现在显示在移动设备上

html、css、mobile

框阴影可以很好地用于输入和选择字段。在桌面上，文本框阴影也工作得很好。即使我将窗口大小调整为移动大小。但当我在iPhone上查看Safari或Chrome上的网站时，文本区域的方框阴影并没有显示出来。输入和选择字段在移动设备上显示得很好。我如何解决这个问题？

浏览 14提问于2021-03-02得票数 0

1回答

CSS转换产生怪异的效果？

html、css、css-transitions

我正在尝试创建类似于bootstrap输入的东西。当用户点击输入时，它将播放一个漂亮的过渡和发光。我得到了所有的样式下来，但过渡显示奇怪，但所有其他网站都正确地动画它。我的方框阴影显示得非常快，然后变暗了，但在，一切都正常，但在http://67.184.73.19/Website/Login/，它的动画效果与之前的链接不同。我有一些下面的代码。middle; box-shadow

浏览 2提问于2013-03-21得票数 0

回答已采纳

1回答

基于位置的AR.js示例不会移动对象

three.js、gps、aframe、ar.js、location-based

使用标记一切正常，但当我使用基于位置的AR时，对象出现在一个位置，并且在设备旋转时不会移动。rotation-reader> </a-camera></bod

浏览 73提问于2019-11-13得票数 0

回答已采纳

3回答

火狐中的CSS3框影呈现问题

css、firefox

在火狐中，框影呈现错误(在v49上观察到)。width: 90px; box-shadow: 0 0 0 1px #0084A3;}Chrome和Safari处理得很好。如果有任何有用<em

浏览 8提问于2016-09-22得票数 0

回答已采纳

1回答

当父元素具有2D变换时，子元素显示在错误的位置

javascript、angularjs、css

带有CSS属性'transform‘的元素不喜欢带有属性'position: absolute’的嵌入式元素，这让我抓狂！有没有办法解决这个问题？注意:我不能将嵌入的元素(.floater)移出框外，因为它包含在一个ng-repeat (来自Angular

浏览 0提问于2015-01-23得票数 0

5回答

如何修复边界半径与长方体阴影相结合的IE渲染？

internet-explorer、css

有谁知道如何在IE9和10中“修复”长方体阴影和边界半径的组合渲染？在此图像中，您可以看到问题所在。左边是一个带有框阴影的按钮，右边是一个没有框阴影的按钮。(不要介意不同的字体呈现)

浏览 2提问于2013-04-24得票数 9

回答已采纳

1回答

定位上的像素化对象(文本、图像、边框)

css、css-position、transform、translation、positioning

所以我在修复Chrome上的一些像素问题上遇到了困难。下面是一些示例：某些文本(变换:平移(-50%，-50%)、旋转(180度)和(变换:平移(-50%，-50%);)模糊-webkit- be visibility:隐藏；-webkit-transform: translateZ(0) scale(1.0，1.0)；以及其他解决方

浏览 2提问于2020-08-11得票数 0

1回答

带有css缩放的JQuery / Javascript智能向导

jquery、html、css、jquery-ui

最近，我一直在考虑在我的一个JQuery拖放项目中添加“智能向导”。该项目使用可变缩放级别，我已在代码中对此进行了补偿。但是，我不能让这段代码和我的智能向导代码一起工作。当我使用缩放:1，它的工作，但缩放:0.7，例如，div开始反弹，当拖动和向导有时拒绝显示。所有代码都来自堆栈溢出。

浏览 1提问于2014-05-12得票数 1

1回答

在Chrome中使用CSS3变换实现视频上的刚性边缘

css、transform

我正在对一个HTML5 video元素应用一个微妙的CSS3变换，但是我在Chrome的视频边上得到了令人不快的僵硬的边缘。我在互联网上四处寻找解决方案。有些人建议添加白色边框或框阴影来遮盖边缘，但我发现没有成功。我还尝试将-webkit-backface-visibility属性设置为隐藏。有没有其他可能的变通方法？

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

5回答

盒子-阴影在子元素上？

javascript、jquery、html、css

我需要使我的框影看起来像一个边框:如果我有一个带有内嵌框影的父母，并且我在其中放了一个子div，那么这个框阴影就应该像在这里显示的带边框的子div：对于这个问题，是否有类似z索引的东西Thanks 编辑:我需要使用框阴影嵌入+无边框或框卡。我正在寻找黑客，使这成为可能，只有在盒子阴影。一个可能的</

浏览 6提问于2014-01-18得票数 9

回答已采纳

1回答

CSS盒-阴影转换

jquery、html、css

我的网站上有几个div元素，它们都是具有内置框阴影的类的一部分。当我悬停在这些div框上时，我希望从框影中移除inset属性，并将其转换为向外的阴影。然而，虽然阴影的变化是正确的，但它不会在变化过程中发生转换。它只会立刻改变阴影。我该怎么解决这个问题？

浏览 4提问于2014-03-17得票数 3

回答已采纳

1回答

Chrome嵌入框-过渡不起作用的图像上的阴影

html、google-chrome、transition、css

我目前使用的代码在Firefox中运行良好，但在chrome中，过渡效果不能运行。这是一个bug吗？</a> </div>完整的css/html可以在JSfiddle：上看到。

浏览 1提问于2012-10-27得票数 1

回答已采纳

点击加载更多