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 不感兴趣。
您认为可能存在什么问题?
根据标题,有没有办法从正文(不是 div,而是整个正文)中隐藏/删除滚动条并保持“可滚动属性”启用?这些天我一直在尝试不同的解决方案,但没有任何效果。
先感谢您!