小编Der*_*son的帖子

当应用CSS过滤器时,内联SVG在iOS和Safari中消失

情况是我有一个由Grunticon生成并插入DOM 的内联SVG .它是带有阴影的灰色背景上的白色.

我使用以下CSS作为阴影:

svg {
  -webkit-filter: drop-shadow(1px 1px 0 #141414);
  filter: drop-shadow(1px 1px 0 #141414);
}
Run Code Online (Sandbox Code Playgroud)

这在Chrome,Opera,Firefox以及我测试过的其他任何地方都可以正常使用,除了iOS和桌面上的Safari.CSS过滤器使SVG消失.

它不仅仅是drop-shadow过滤器,任何过滤器似乎都有这种效果.

Codepen的代码在http://codepen.io/derekjohnson/pen/MyOaRY上

这可以解决它在Safari中的作用吗?

css safari svg

10
推荐指数
1
解决办法
2146
查看次数

9
推荐指数
1
解决办法
174
查看次数

Sublime Text 片段在 .scss 文件中不起作用

我将以下内容保存在 ~/Library/Application Support/Sublime Text 3/Packages/User 中sass_mq.sublime-snippet

<snippet>
    <content><![CDATA[
    @include respond-min() {}
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>mq</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.sass</scope>
</snippet>
Run Code Online (Sandbox Code Playgroud)

source.sass通过按 cmd + opt + p 并查看状态栏来获得。

如果我删除范围,它适用于所有其他文件类型,但绝不适用于 .scss 文件。

我的语法错误吗?

sass code-snippets sublimetext sublimetext3

5
推荐指数
0
解决办法
1312
查看次数

5
推荐指数
1
解决办法
149
查看次数

服务人员中断301重定向

我在WordPress网站上使用服务人员,并且弄乱了从https://example.com/pagehttps://example.com/page/的重定向。

第一次加载后,转到不带斜杠的URL眨眼浏览器说“无法访问此站点”,而Firefox说“内容损坏”。

基于我对https://medium.com/@boopathi/service-workers-gotchas-44bec65eab3f#.hf3r4pbcs的阅读以及如何更改请求的标头?我必须检测何时响应为3xx并将重定向模式设置为手动。

但是,根据我的研究,我没有尝试过任何方法。我该如何解决?

当前服务工作者文件:

var cacheName = 'v14';

var urlsToCache = [
  // list of URLs to precache
];

self.addEventListener('install', event => {

  function onInstall(event) {
    return caches.open(cacheName)
      .then(cache => cache.addAll(urlsToCache));
  }

  event.waitUntil(
    onInstall(event)
      .then(() => self.skipWaiting())
  );

});

self.addEventListener('activate', event => {

  function onActivate (event) {
    return caches.keys()
      .then(cacheKeys => {
        var oldCacheKeys = cacheKeys.filter(key => key.indexOf(cacheName) !== 0);
        var deletePromises = oldCacheKeys.map(oldKey => caches.delete(oldKey));
        return Promise.all(deletePromises);
      }) …
Run Code Online (Sandbox Code Playgroud)

javascript service-worker progressive-web-apps

5
推荐指数
1
解决办法
1815
查看次数

这个角度在任何宽度上都可以相同吗?

无论视口宽度如何,我都试图使带有倾斜底边的 div 具有相同的角度。

使用clip-path产生了最平滑的边缘,但我不知道是否有一个calc()我可以用来保持角度。

倾斜的伪元素可以工作,但抗锯齿效果很差,所以我想避免这种情况。

所以我的问题是:使用clip-path: polygon(0 0, 100% 0, 100% calc(/* what goes here */, 0 100%)什么是calc()这样的角度?在 A 边的所有宽度上为 86%?

在此处输入图片说明

css geometry clip-path

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