多长方体阴影在MSEdge中不起作用
是因为MSEdge浏览器在处理阴影效果时存在一些兼容性问题。具体来说，MSEdge浏览器在某些情况下无法正确显示或渲染长方体阴影效果。
长方体阴影是一种通过CSS样式来实现的效果，它可以为元素添加立体感和深度感。通常使用box-shadow属性来定义长方体阴影，可以设置阴影的颜色、模糊度、偏移量等参数。
然而，由于MSEdge浏览器对CSS样式的解析和渲染方式与其他浏览器存在差异，导致在MSEdge中设置的长方体阴影效果可能无法正常显示。这可能是由于MSEdge对某些CSS属性或属性值的支持不完整或存在bug所致。
为了解决这个问题，可以考虑以下几种方法：
- 使用其他浏览器：如果长方体阴影在MSEdge中不起作用，可以尝试在其他浏览器中查看效果，如Chrome、Firefox等。这些浏览器通常对CSS样式的解析和渲染更加准确和一致。
- 使用其他阴影效果：如果长方体阴影在MSEdge中无法实现，可以尝试使用其他类型的阴影效果，如投影阴影、文字阴影等。这些效果在MSEdge中可能更容易实现和显示。
- 使用其他CSS样式：如果长方体阴影无法在MSEdge中正常显示，可以考虑使用其他CSS样式来替代，以达到类似的效果。例如，可以使用边框、渐变等方式来营造立体感和深度感。
需要注意的是，以上方法仅是针对MSEdge浏览器中长方体阴影不起作用的情况提供的一些解决思路，并不能保证在所有情况下都适用。在实际开发中，建议根据具体需求和浏览器兼容性要求，选择合适的解决方案。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网平台（IoT Explorer）：https://cloud.tencent.com/product/explorer
- 腾讯云区块链服务（Tencent Blockchain）：https://cloud.tencent.com/product/tbc
- 腾讯云元宇宙服务（Tencent Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
1回答
添加多个长方体阴影部分起作用。虽然阴影在所有浏览器中都会出现在框的左侧和右侧，但在MSEdge中却不会出现在左侧。我尝试添加边框折叠: seperate，显示:块和内联块，背景颜色: rgba(255,255,255,1)，但这些似乎都不起作用。任何帮助都是非常感谢的。box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);}
在</em
浏览 6提问于2019-08-06得票数 2
回答已采纳
4回答
有没有什么方法可以从mat-chips in Angular Material中移除长方体阴影？<mat-chip-list></mat-chip-list> 芯片似乎有一个CSS样式的长方体阴影，但禁用该样式或覆盖它不起作用。transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1); 我怀疑一定有一
浏览 26提问于2017-12-07得票数 14
回答已采纳
2回答
当长方体阴影应用于元素时，角部没有中间那么“厚”，因为它们在两侧都没有阴影。这会在全宽元素上产生奇怪的效果。
如果你看这个例子，你会发现边缘更亮了。
浏览 2提问于2012-03-25得票数 2
回答已采纳
1回答
我正在尝试用背景颜色装饰文本，所以我用背景颜色将它包裹在跨度中。跨度也可能有边框颜色，如果它们有边框，则边框具有圆角。在这种情况下，背景颜色看起来不是连续的(因为边框是圆形的)，所以我试图通过在左侧的跨度上应用一个框阴影来伪造它。 background-c
浏览 8提问于2017-08-18得票数 3
我有一个从无序列表中创建的12个方框的网格，如下所示。边界半径可以正常工作，但是IU不能让阴影出现。box-shadow属性是否只适用于div，而不适用于显示块元素？
浏览 2提问于2011-05-13得票数 0
我用CSS3做了一个项目(使用边界半径和长方体阴影属性)。这些属性在IE上不起作用。如何在IE上使用这些属性？
浏览 2提问于2010-11-13得票数 0
1回答
我正在使用一个jQuery画廊，它在中间显示一个大图像，在它的两侧显示一个较小的图像()，并想给它添加一些效果。画廊在容器div中获取尽可能多的图像，类" gallery“与提供的一样多，并由此生成画廊。由于它们的生成方式，无法将单个类或ID添加到图像中，我正在努力寻找一种方法来使用jQuery来选择进入中间的中间。我试图实现的是在图像移动到中间时在图像上设置长方体阴影，这样它看起来就像是从屏幕上出来的，然
浏览 0提问于2012-02-24得票数 0
我想创建长方体阴影，如下所示。 box-shadow:0px 10px 22px 0px gray;在示例2中，我使用了以下样式：我不想要内部阴影的右侧和底部。是否有可能删除框
浏览 1提问于2012-07-20得票数 1
回答已采纳
3回答
我指定一个长方体阴影作为跨度。阴影仅显示在右侧。似乎有什么东西覆盖了阴影的底部。我尝试调整跨度的大小，但这不起作用。我在款式说明书里有这个。注意:无法上载长方体阴影的图像。
浏览 4提问于2011-07-06得票数 2
3回答
例如，这种情况发生在长方体阴影中，因为即使长方体没有背景，你也看不到“在”长方体下面的阴影。但是对于文本，如果它是透明的，你可以看到文字的整个阴影。是否有可能只获取带有透明文本的大纲？
浏览 8提问于2015-05-05得票数 6
回答已采纳
5回答
0px 0 blue inset, 0px 0 green inset; }
我想给一个选项卡阴影白色和边框绿色，这段代码是工作在谷歌浏览器和火狐很好。但在IE中，只有底部边框是有效的，框阴影是不起作用的，基本上我尝试给它两个边框，我的元素是在c#中创建的。
浏览 1提问于2013-03-29得票数 0
1回答
我试图通过mixin向一个元素添加一个长方体阴影，但它不起作用。当我将长方体阴影放入元素中时，它工作得很好，但不适合混合。
浏览 6提问于2020-03-27得票数 0
我有一个简单的30x30px的div，它有一个长方体阴影。阴影显示良好，但使用旋转时除外。随着旋转，长方体阴影消失了。我不知道是什么导致了这一切。是我的错，还是浏览器的bug？在旋转父元素和子元素的嵌套div中，可以很好地工作。
浏览 0提问于2013-12-19得票数 1
我已经尝试了大约一个小时，让chrome在<tbody>标签上应用我的长方体阴影(和浏览器特定的变体)，但它不起作用。我得到了我期望在所有其他浏览器中得到的东西(火狐中的阴影框，IE6或IE7中什么都没有)……Chrome也没有在我的<tbody>标签上渲染任何边框样式...这个标签本身是否有限制，或者我做错了什么？
浏览 0提问于2011-02-09得票数 1
回答已采纳
是否可以使用:active来为具有持续时间和延迟的方框阴影中的变化设置动画。我试着通过js添加类。我尝试在:active类和main类中设置持续时间。我试过transition: box shadow 1s transition-duration: 1s了。还有更多的东西。完整代码在codepen 上。谢谢
浏览 2提问于2013-05-24得票数 0
回答已采纳
编辑:更一般的问题:我喜欢div上的长方体阴影，但是当我把一个div直接放在长方体阴影的div下面时，尽管弄乱了z索引，阴影的底部并不会覆盖在顶部。所以看起来长方体阴影不能覆盖另一个div？我希望在#content上有一个阴影，但问题是阴影被切断了，因为在.container中没有留下空间来查看它。有没有办法让长方体阴影
浏览 0提问于2011-09-14得票数 13
回答已采纳
是否可以使用css3对灰度背景图像进行着色？input[name=email] { background-image: url(/static/images/icons/glyphicons_010_envelope.png); background-size: 16px auto; background-position: 8px 7px; }
浏览 4提问于2012-09-22得票数 1
回答已采纳
3回答
我在一个Drupal网站上工作。客户希望站点在包括IE6在内的所有浏览器中看起来都完全一样。IE中的长方体阴影属性有一些问题。我知道IE不支持CSS3属性。对于IE-6的长方体阴影，有没有其他的解决方案，让它看起来像IE6和IE7中的阴影。我曾经尝试过使用用于IE的htc文件来支持CSS3属性的css IE。但它不起作用。;
filter: progid:DXImageTransform.Microsoft.Shadow(color=
浏览 2提问于2011-07-28得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
