小编Sta*_*erg的帖子

有没有办法用CSS清除绝对定位的元素？我正在创建一个页面,我需要网站的每个部分(部分元素)绝对定位,并且我想应用一个内容低于这些元素的页脚.
试图相对定位页眉和页脚,看看是否会考虑总高度,但页脚仍被"困"在截面元素下面.有任何想法吗？

<header style="position: relative;"></header>

<div id="content" style="position: relative;">

    <section id="a" style="position: absolute;"></section>

    <section id="b" style="position: absolute;"></section>

    <section id="c" style="position: absolute;"></section>

    <section id="d" style="position: absolute;"></section>

    <section id="e" style="position: absolute;"></section>

</div>

<footer style="position: relative;"></footer>

我在PHP中编写了一个小脚本,用于检查浏览器的语言设置并将其重定向到站点的语言版本(WP多站点),

function redirect() {
  $language = substr( $_SERVER["HTTP_ACCEPT_LANGUAGE"],0,2 );
  switch( $language ) {
    case 'sv':
      header( 'Location: http://www.example.com/sv/' );
      break;
    case 'no':
      header( 'Location: http://www.example.com/no/' );
      break;
    case 'da':
      header( 'Location: http://www.example.com/da/' );
      break;
    default:
      header( 'Location: http://www.example.com/' );
      break;
  }
}
if ( strlen($url) < 4 ) {
  session_start();
  if ( empty($_SESSION[ 'language' ]) ) {
    $_SESSION[ 'language' ] = true;
    redirect();
  }
}

使用Mobile Safari或Mobile Chrome进行测试时,重定向似乎不起作用.我需要考虑移动浏览器的接受语言是否有任何特殊输出？

更新:经过一些调试后我发现了这个:

• 回显HTTP_ACCEPT_LANGUAGE时,Mobile Safari会显示正确的语言,但不会重定向.
• 移动Chrome(仅适用于iOS,适用于Android)无法显示正确的语言(默认为"en").
• iOS以不同的顺序解析http标头数据,比较iOS Chrome(en-US,en; q = 0.8,sv; q = 0.6)和OSX …

我希望能够通过Google云端硬盘帐户阅读网站上的文件,因为谷歌服务的文档非常庞大,所以这让我感到非常热情(对我而言,无论如何,我对使用SDK和蜜蜂).我还意识到我需要使用OAuth 2授权来授予对文件的访问权限.关于从哪里开始的任何好主意？

我刚刚将一个OpenGraph图像添加到我正在使用的网站,并使用FB Debugger信息检索正确的图像,但是当共享网址时,我仍然看到显示默认图像(之前没有指定的OG图像).这里有什么我想念的吗？该站点使用基于Python的自定义框架,并且图像通过来自Amazon EC2实例的gzip提供,如果这会以任何方式影响输出.

我是Terminal的新手,请耐心等待.已成功完成以下安装(按此特定顺序):

• xCode 4.5
• RVM 1.16
• GCC 4.2.1
• Ruby 1.9.3

当试图安装Rails("创业板安装导轨")安装启动,但随后与错误而中断:"无法建立宝石原生扩展".不知道这是指什么.想法？我需要事先安装其他东西吗？
在我第一次尝试安装Rails时,我偶然用sudo运行它.这会影响什么吗？

编辑:和输出 -

Building native extensions.  This could take a while...
ERROR:  Error installing rails:
    ERROR: Failed to build gem native extension.

        /Users/staffanestberg/.rvm/rubies/ruby-1.9.3-p194/bin/ruby extconf.rb
creating Makefile

make
compiling generator.c
make: /usr/bin/gcc-4.2: No such file or directory
make: *** [generator.o] Error 1

Gem files will remain installed in /Users/staffanestberg/.rvm/gems/ruby-1.9.3-p194/gems/json-1.7.5 for inspection.
Results logged to /Users/staffanestberg/.rvm/gems/ruby-1.9.3-p194/gems/json-1.7.5/ext/json/ext/generator/gem_make.out

编辑:使用iouri的建议解决.添加export CC=gcc.bash-profile然后为正确的编译器创建符号链接,

sudo ln -sf /usr/bin/llvm-gcc-4.2 /usr/bin/gcc-4.2

我想跳过我通过Instafeed JS插件收集的Feed中的所有视频类型帖子.从其他一些帖子中读取设置过滤器可以解决它但是如果我应用它(见下文)我只得到2个图像而不是5.这5个中的一个是视频类型,其余是图像类型.不确定这里发生了什么？

var loadButton = document.getElementById('instafeed-loadmore');
            var feed = new Instafeed({
                get: 'user',
                type: 'image',
                limit: '5',
                sortBy: 'most-recent',
                resolution: 'standard_resolution',
                userId: '',
                accessToken: '',
                template: '<div><a href="#" data-modal="instafeed-expand" data-caption="{{caption}}" data-image="{{image}}"><img src="{{image}}" data-etc=""></a></div>',
                filter: function(image) {
                    return image.type === 'image';
                },
                after: function() {
                    if (!this.hasNext()) {
                        loadButton.setAttribute('disabled', 'disabled');
                    }
                },
            });

            loadButton.addEventListener('click', function() {
                feed.next();
            });

我在为MailChimp创建自定义模板时遇到了一个问题 - 当编辑电子邮件内容中的链接时,MailChimp会覆盖其样式.这是模板的一部分,

<a mc:edit="cta_link" target="_blank" href="*|CUSTOM_URL|*" style="font-family: 'Helvetica', 'Arial', sans-serif !important; font-size: 11px; color: #000000 !important; border-bottom: 1px solid #000000 !important; text-transform: uppercase !important; padding-bottom: 1px;">Read more</a>

正如你所看到的,我还为一些样式添加了重要的规则,试图避免任何覆盖但没有效果.我已经切换了一个静态示例href src和MailChimp自定义url变量,似乎没有任何区别.更新链接后,字体将更改为默认的Times字体.我缺少什么？

是否可以使用Altorouter创建多语言路由设置？我想发送一个带有目标文件的变量(以便在查看时显示不同的内容),例如 -

$router->map('GET','/th/work/sample', 'work/sample.php', 'sample', 'th');

但是第五个参数不可用.这有什么解决方法吗？

我一直在寻找一种在WordPress多站点上跨站点同步ACF字段的方法.有5个站点具有单独的内容,但它们都使用相同的ACF字段.我宁愿避免在每个站点上手动创建和添加这些新字段.

有解决方法吗？

使用WP 4.8和ACF Pro 5.5.1.4

我在使用scrollreveal.js和flexbox时遇到了问题.

我已经使用display flex在页面上创建了一些双列行,当尝试使用scrollreveal引用分别显示每个列时,只有其中一列正在工作.

任何解决方法仍然能够维护flex属性？

HTML

<div class="grid">
  <div class="column __50 __reveal">one</div>
  <div class="column __50 __reveal">two</div>
</div>

CSS

.grid {
  display: flex;
}

.column.__50 {
  width: 50%;
}

JS

window.sr = ScrollReveal({
  distance: '30px',
  duration: 1000,
  scale: 0
});
sr.reveal('.__reveal');