小编Mar*_*ahn的帖子

获取CSS插入框阴影以显示在内部背景之上

我想要一个CSS插入框阴影出现在容器内部的元素顶部,框阴影,特别是子元素的背景颜色.

演示:http://jsfiddle.net/Q8n77/

<div class="parent">
    foo
    <div class="content">bar</div>
</div>

<style>
.parent {
    box-shadow : inset 0 0 5px 0 black;
}

.content {
    background : #EEE;
}
</style>
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?可以对HTML做任何事情,但需要能够点击,所以没有100%宽度/高度DIV在所有东西之上.

css css3

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

防止React重新呈现特定的子组件

我有一个有条件地渲染几个子组件的react组件.简化的代码就是:

render(): {
  const component1 = condition ? renderComponent2() : null;
  const component2 = renderComponent2();

  return (
    <div>
      {component1}
      {component2}
    </div>
  );
}
Run Code Online (Sandbox Code Playgroud)

问题是component2每次condition更改时都会被破坏并重新呈现.我试图阻止它并保持原始元素.我尝试添加一个keycomponent2没有运气.

[编辑]这种情况即使component1总是存在也会发生,我在其上更改标记以隐藏或不使用CSS:/

javascript reactjs

16
推荐指数
1
解决办法
8241
查看次数

如何获得CSS3-3d转换元素的屏幕位置?

我有一个非常复杂的网站建立在CSS3上,它具有三维变换,旋转,翻转,翻转和一般扭曲的html元素.

我试图找出其中一个元素的屏幕位置,并没有看到任何方法这样做.我想知道是否有人有任何巧妙的想法.

或者,如果任何人都可以解释数学背后-webkit-perspective,我可以找出位置,因为这是我唯一不确定如何建模.

javascript css css3 css-transforms webkit-transform

14
推荐指数
1
解决办法
2351
查看次数

跨度可以是div,但div不能是跨度

我想知道那个(我的标题)是否不正确,除了HTML验证.我最近不得不再次开始支持IE7(我很幸运,在过去的3年左右没有这么做了)而且div不可能inline-block在过去的一个月中让我大约10次因为事实上,我div默认将所有内容都设为一个,然后返回并设计元素.所以我正在考虑让所有东西都成为一个跨度,这样如果我以后回去做一些内联块,我就不会弄清楚为什么它不能在IE7中运行.

所以我的问题 - 在任何浏览器(IE7 +,FF,Webkit,Opera)中是否有任何案例,任何人都知道跨度不能像div一样?由于在内联块中有块元素,我不关心HTML不验证.

css

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

makefile中的函数?

我有一大堆makefile目标做同样的事情:

${SOME_FILE}:
    ${FILES} | ${DIST_DIR}

    @@cat ${FILES} |                     \
        sed 's/@DATE/'"${DATE}"'/' |     \
        sed 's/@VERSION/'"${CR_VER}"'/'  \
        > ${OUT_FILE};
Run Code Online (Sandbox Code Playgroud)

在哪里${FILES},${OUT_FILE}是唯一改变的事情.我想弄清楚是否有可能将这些目标简化为:

${SOME_FILE}:
    compile(${FILES},${OUT_FILE})
Run Code Online (Sandbox Code Playgroud)

感谢您的任何见解.

makefile

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

是否有任何激进的CSS缩小工具?

我想知道是否有人知道一个工具将积极重写CSS以更有效地压缩样式.我想要:

.foo { color : red; font-size: 16px; height: 20px; }
.bar { color : red; font-size: 16px; height: 30px; }
Run Code Online (Sandbox Code Playgroud)

被压缩为:

.foo, .bar { color : red; font-size : 16px; }
.foo { height : 20px; }
.bar { height : 30px; }
Run Code Online (Sandbox Code Playgroud)

要清楚,我所知道的minifiers,像YUI压缩机,只删除空白,并可能加入一些属性(如font-familyfont-sizefont).我正在寻找一些愿意完全重写文件结构的东西.

除此之外,如果有人知道任何人在这背后的压缩逻辑方面所做的任何工作,那么这些信息将不胜感激.如果我找不到一个,我正在考虑写自己的东西,但有一百万件要考虑的事情,如margin-top覆盖部分margin,选择器特性和包括订单等等......那么如何有效地工作压缩信息,重复选择器或属性会更有效吗?

css compression node.js

13
推荐指数
1
解决办法
1929
查看次数

我该如何创建自己的HTML标签?

如何在HTML或HTML5中创建自己的html标签,这样我就可以创建自己的html标签和css库

<mymenu> ul li or some text </mymenu>

<heading> Yeah My Own Heading</heading>
Run Code Online (Sandbox Code Playgroud)

是他们这样做的方法吗?如果是的,请告诉我我是多么好奇.并告诉我在制作个性化标签后我应该遇到什么问题(如果你知道的话).

html html5

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

阻止eval &&新功能

我只是在codewars.com上编写一些随机的谜题,我很好奇是否有人在下面的代码运行后可以想到一种方法来评估代码:

eval = function(){};
delete Function.prototype.constructor;
Function = undefined;

// the following are to block require('vm') -- if anyone wants to run this
// in production it may be better to block that one module (others?)
require = undefined;
module.__proto__.require = undefined; // added this due to alexpod's answer, modified due to Fabrício Matté's :)
module.constructor = undefined; // added this due to alexpod's answer
Run Code Online (Sandbox Code Playgroud)

这是在node.js中,所以setTimeout( "string" )不起作用.

javascript node.js

12
推荐指数
2
解决办法
705
查看次数

IE8`window.fn!== fn`

有人可以解释一下吗?IE8

( function(){
    window.foo = function foo(){};
    console.log( window.foo === foo ); // false
}() );
Run Code Online (Sandbox Code Playgroud)

javascript internet-explorer internet-explorer-8

11
推荐指数
1
解决办法
329
查看次数

git子树推送更改回子树项目

缺少以下内容:我想将提交消息推送到子树,但只推送适用于该树的消息.我该怎么做呢?


我有两个项目,MasterSlave. Slave被签出作为签出的子树通过哪里是Master检查到的分支:lib/slavegit subtree merge --prefix=lib/slave --squash projects/slaveprojects/slaveSlave

分行:

掌握项目/奴隶→奴隶

现在我正在我的master分支上工作,提交属于两个项目的文件,一切顺利.现在我想将更改推回到Slave:

  • git checkout奴隶
  • git merge ??? 主

如果我进行正常合并,则每次提交都会获得提交,无论是否lib/slave修改了任何文件.或者我可以做一个--squash只获得一次提交,但我丢失了日志消息.

那么我该如何获得相应的日志消息呢?例如,如果我的master日志历史是:

  • 添加图像到掌握
  • 仅在slave中修改了文件
  • 只有掌握的更多变化
  • 主站和从站中修改过的文件

我希望这个添加到Slave:

  • 仅在slave中修改了文件
  • 主站和从站中修改过的文件

git subtree git-subtree

11
推荐指数
1
解决办法
3375
查看次数