小编GiS*_*S91的帖子

filter:drop-shadow () 在 Chrome 中不起作用

filter这些天我一直在深入研究 CSS属性。我写了一些代码只是为了进行一些测试。下面是一段与drop-shadow过滤器相关的简单代码:

HTML

<div class="rounded"></div><div class="bubble"></div>
Run Code Online (Sandbox Code Playgroud)

CSS

div.rounded{
    width: 300px;
    height: 100px;
    background:red;
    display: inline-block;
}

div.bubble{
    border: 20px solid transparent;
    border-left: 20px solid red;
    display: inline-block;
    position: relative;
    top:-40px;
    -webkit-filter: drop-shadow(50px 50px 50px 10px blue);
    filter: drop-shadow(50px 50px 10px blue);
}
Run Code Online (Sandbox Code Playgroud)

正如您从附加的图像filter:drop-shadow() 中看到的那样,它在 Firefox(在图像的右侧中可以正常工作,但在 Chrome(在图像的左侧)中却没有。我目前对 IE 不感兴趣。

您认为可能存在什么问题?

html css google-chrome drop-shadow css-filters

6
推荐指数
0
解决办法
3381
查看次数

从 &lt;body&gt; 隐藏/删除滚动条但允许滚动

根据标题,有没有办法从正文(不是 div,而是整个正文)中隐藏/删除滚动条并保持“可滚动属性”启用?这些天我一直在尝试不同的解决方案,但没有任何效果。

先感谢您!

html javascript css jquery document-body

3
推荐指数
1
解决办法
8268
查看次数