当前位置: 首页 > 知识库问答 >
问题:

safari和chrome的框阴影看起来不一样

公孙茂学
2023-03-14

我给了一个DIV盒阴影效果。但同样的代码在safari中看起来更暗,在chrome中看起来更薄。对于chrome浏览器,阴影不显示在左侧和顶部。

.div_wrapper {
  box-shadow: 4px 4px 15px -6px black;
  -moz-box-shadow: 4px 4px 15px -6px black;
  -webkit-box-shadow: 4px 4px 15px -6px black;
  background: #fff;
  padding: 10px;
  width: 400px;
  height: 400px;
  margin-bottom: 10px;
}

共有1个答案

何海
2023-03-14

这很正常。由于不同浏览器的表示机制不同,一些CSS属性的行为会有所不同。

此外,您还可以为不同的浏览器加载不同的CSS文件。

 类似资料:
  • 问题内容: 我想在IE7和IE8中实现框阴影。我已经尝试了一切而没有成功。这是我用来将彩色阴影应用于div的css: 这个ie-css3.htc文件是IE影子问题的解决方案。但这只会产生黑色阴影,而不会产生彩色阴影。我试过了: 但是它会产生定向阴影,而我想要一个全向阴影。也尝试过模糊滤镜,但它需要具有其他div,这在我当前的情况下是不建议的。关于这个问题有专家意见吗? 问题答案: 使用CSS3PI

  • 有人能帮我解决我在下面的CSS代码中犯的错误吗?我想学习,我想制作附件中的图片。说明如下:样式: 宽度: 400 px, 高度: 100 px, 背景颜色:米色, 阴影居中,5像素模糊,5像素阴影宽度,颜色rgba(0,0,0,0.3), 水平居中,字体大小50 px,从顶部移动20 px,字体重量700, 圆角:20像素。 我的代码 非常感谢。

  • 问题内容: 我正在尝试用 Robolectric 创建一个测试。我的目标是能够根据自定义行为替换一个类的功能(例如,来自库,并且我无法修改代码)。 我创建了这个小测试来模拟我想做的事情: 在示例中, OriginalMessenger 是库中的类,并提供默认功能。而 ShadowMessenger 是包含我想申请每当我使用自定义行为类 OriginalMessenger 。 但是,当我运行测试时,

  • 问题内容: 我正在使用Google Web Font的PT-sans 但在Chrome和Firefox中看起来却有所不同 我需要添加什么使其在所有浏览器中都相同吗? 问题答案: css reset可以解决问题,我不确定。

  • 阴影 Unity 的灯光可以将 阴影 从一个游戏对象投射到自身的其他部分或是附近的其他游戏对象上。阴影以『扁平』的方式体现游戏对象的尺寸和位置,因此可以为场景添加一定程度的深度和真实感。 场景视图中的游戏对象正在投射阴影 阴影如何工作? 考虑一种最简单的情况,在场景中只有单个光源。光线从光源出发并沿着直线传播,最终可能会碰撞到场景中的游戏对象。一旦光线碰撞到某个游戏对象,光线将无法继续传播和照亮前

  • 我遇到了一个非常奇怪的问题,它似乎起源于片段着色器中的一个简单乘法 我正在尝试使用帧缓冲区计算阴影,该帧缓冲区仅从“灯光透视图”渲染深度,这是初学者的常见技术,易于实现 片段着色器: main()中的最后一个乘法运算表现得很奇怪,将漫反射光的结果乘以纹理颜色可以很好地渲染(因此我们没有阴影,只有漫反射闪电) 将漫反射光乘以阴影结果也可以很好地渲染(现在我们没有纹理) 将所有这些结合起来,只渲染一个

  • 我需要使我的长方体阴影看起来像一个边框:如果我有一个具有插入的长方体阴影的父对象,并且我在其中放置了一个子div,则长方体阴影应该覆盖子div,如图所示,并带有边框: jsFiddle:http://jsfiddle.net/7rRsw/2/ 这个问题有没有类似于z索引或css黑客的东西? 编辑:我需要使用框阴影插入无边框或框捕捉。我正在寻找黑客,使这只可能与盒影。一种可能的方法是在子div的左右

  • 我在Windows窗体、C#、.NET中有和。 我可以看到一个奇怪的行为:我将相同的字体设置为和,但相同的单词在那里看起来不同: 字体是Tahoma,10.25 pt。如您所见,顶部是一个,与相比,它看起来像是粗体样式。为什么会出现这种情况?我可以用此字体使我的和标签看起来相同吗?