小编Sam*_*oum的帖子

SVG 图像不透明度渐变

我在 .svg 文件中使用这段代码在元素上应用不透明度淡出渐变。以下代码运行良好,但从左到右淡入淡出,而不是从上到下垂直淡出。

我需要更改哪些代码才能实现此目的?谢谢您的帮助!

SVG 文件:

<?xml version="1.0" standalone="no"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
      "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
    <svg xmlns="http://www.w3.org/2000/svg"
         version="1.1"
         baseProfile="full">
         <mask id="m1" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
            <linearGradient id="g" gradientUnits="objectBoundingBox" x2="1">
              <stop stop-color="white" offset="0"/>
              <stop stop-color="white" stop-opacity="0" offset="1"/>
            </linearGradient>
            <rect x="0" y="0" width="1" height="1" fill="url(#g)"/>
          </mask>
    </svg>
Run Code Online (Sandbox Code Playgroud)

CSS:

mask: url(/mypath/mask.svg#m1);
Run Code Online (Sandbox Code Playgroud)

css firefox svg gradient fade

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

Javascript OR运算符不在if语句中工作

我试图让这个Javascript做一些事情,如果星期几匹配我的声明中列出的任何一天,并将其限制在17:00和19:00之间,但OR运算符不工作正如我所料,我是JS的新手,我想知道我是否误解了这个运算符的用法.如果我只列出一周中的一天的值,而不是像我的例子中那样列出3,那么代码就像我希望的那样工作.

var d = new Date();
var dayOfWeek = d.getDay(); // 0 = Sunday
var hour = d.getHours();

if ( dayOfWeek == 4 || 5 || 6 && hour >= 17 && hour < 19 ){
    // do stuff
  } else {
    // do other stuff 
} 
Run Code Online (Sandbox Code Playgroud)

javascript time if-statement operators dayofweek

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

在页面模板上使用工作分页自定义 wp_query

我正在尝试将自定义查询添加到 WordPress 模板并包含分页,但我的分页没有出现,例如,我正在尝试将其添加到 page.php。

我有以下标记,当放置在 category.php 之类的类别模板中时,它可以完美运行,分页显示并且功能正常。问题是在 page.php 或任何自定义页面模板中放置相同的代码时不会出现分页。

查询:

              <?php
                $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
                $loop = new WP_Query(
                    array(
                        'post_type' => 'post',
                        'posts_per_page' => 10,     
                        'paged' => $paged,
                        'orderby' => 'desc',
                    )
                );
              ?>

              <?php if ($loop->have_posts()): while ($loop->have_posts()) : $loop->the_post(); ?>

                // Loop Markup goes here.

              <?php endwhile; ?> 
              <?php endif; ?>

              <?php wp_reset_query(); ?>

              <?php pagination(); ?>
Run Code Online (Sandbox Code Playgroud)

在functions.php中定义的分页():

              function pagination() {
                  global $wp_query;
                  $big = 999999999;
                  echo paginate_links(array(
                      'base' => str_replace($big, '%#%', get_pagenum_link($big)),
                      'format' …
Run Code Online (Sandbox Code Playgroud)

php wordpress pagination loops

2
推荐指数
1
解决办法
3316
查看次数