小编tec*_*bar的帖子

为什么子元素不能覆盖具有更大值的父元素的不透明度?

众所周知,子元素现在不能覆盖opacity其父元素的属性.opacity父项的属性始终生效.

当孩子试图改写(用较小的值覆盖)父亲的不透明度时,这是有意义的.但是,如果孩子试图用更大的价值覆盖它呢?不应该被允许吗?为什么半透明的父母不能有一个不透明的孩子?任何人都可以分享为什么这样的限制被确定为CSS设计的一部分的想法?

如果有人能够阐明理论上的原因,我将非常感激.我基本上试图找出原因 - 不能解决这个问题(不是解决方法;因为已经讨论了很多次).我相信这是很多像我这样的新手想知道的东西.

css opacity

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

按住CMD键时,不会触发任何其他键的键盘

我正在开发一个应用程序,当用户在特定文本框上按CMD + LEFT时,我需要进行一些后处理.我需要在浏览器的默认功能之后执行此操作(即,在将插入符号放在当前物理行中的第一个位置之后).

问题keyup没有被触发左边的键(或与此有关的任何键),只要CMD键被按下.

我用CTRL和SHIFT键尝试了这个,发现keyup按预期触发了辅助键.因此,如果您执行CTRL + LEFT然后释放LEFT然后释放CTRL,则总共有4个事件,2个keydowns和2个keyup.但是对于CMD密钥,我们得到2个keydowns,但只有一个keyup事件(当我们最后发布它时,CMD密钥本身就是一个).

我用SHIFT键尝试了这个,发现keyup按照预期的次序触发.所以,如果你SHIFT +左键,然后松开左键,然后松开SHIFT,你在总共4个事件,2个keydowns和2个keyups.但是对于CMD密钥,我们得到2个keydowns,但只有一个keyup事件(当我们最后发布它时,CMD密钥本身就是一个).

会是什么呢?keyup当CMD关闭时,有没有办法可以触发LEFT键(或任何键)?

我正在尝试使用OSX 10.9.5上的最新Google Chrome.Firefox上的行为也完全相同.所以这不是Chrome问题.

演示:http://jsfiddle.net/techfoobar/xu0o11nh/4/

实质上:

$('#mytextbox')

    // this gets correctly triggered for the meta key as well as the secondary key
    // when you press CMD and LEFT in sequence, you get two lines in the console one for 
    // the CMD key and one for the LEFT key
    .keydown(function(_e) {
        console.log('Keydown: ' + _e.keyCode);
    })

    // however, if …
Run Code Online (Sandbox Code Playgroud)

javascript jquery keyevent dom-events

21
推荐指数
1
解决办法
2538
查看次数

为什么canvas不能与jQuery选择器一起使用?

我已经做了使用canvas的简单示例,然后我看到当我使用jQuery选择器时我的代码不起作用.

例子:

使用Javascript

    window.onload = function() {
        var canvas = document.getElementById('myCanvas');
        var ctx = canvas.getContext('2d');

        ctx.fillRect(10,50,100,200);
    };
Run Code Online (Sandbox Code Playgroud)

JQuery的

   window.onload = function() {
        var canvas = $('#myCanvas');
        var ctx = canvas.getContext('2d');

        ctx.fillRect(10,50,100,200);
    };
Run Code Online (Sandbox Code Playgroud)

所以我不知道为什么会这样.它有什么限制吗?

javascript jquery canvas

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

如何让iframe占据全宽(即像div一样显示)

我试图得到一个iframe像普通的非浮动一样的行为DIV.即占据父母的全宽.这可能吗?寻找相当于说的东西display: div;

编辑:我不是在找,width: 100%因为我左边有另一个浮动元素.非浮动DIV将占用右侧的其余空间.这是我想要实现的行为.

工作:DIV右边有一个- http://jsbin.com/onaxax/1/edit

不工作:IFRAME在右边 - http://jsbin.com/erapuv/1/edit

html css

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

使用CSS时强调文本

我对CSS很新,所以我想确保我正确地实现它.我需要在网页上加上解释性段落.我希望它看起来不同,所以我在外部CSS文件中包含以下内容:

div.usage { font-style: italic; margin-left... margin-right... ; }
Run Code Online (Sandbox Code Playgroud)

然后包含<div class="usage">Explanation</div>在HTML文件中.这是按预期工作的.

我的理解是,当使用CSS时,内容和布局是分开的.那么,如何在我的解释中强调一些文字呢?我的理解是我应该避免以下情况:<div class="usage">This is <u>very</u> important.</div>.

html css

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

如何在右下角对齐图像

如何将图像放在页面右下角.

<div id="background-img" class="background-img" ></div>

.background-img{
    background:url('images/bg-img.png');
    width:100%;
    height:698px; 
    repeat-x;
}
Run Code Online (Sandbox Code Playgroud)

我用1px图像创建了背景图像.现在我必须在页面右下角放置公司徽标如何做到这一点..

任何建议和如何编码这一个..进展谢谢...

html css

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

Null springSecurityService导致在Grails 2.0.1中encodePassword失败

我们正在开发一个使用Grails 2.0.1和Spring Security的新项目.由于User域对象中的springSecurityService为null,因此创建用户上下文失败.奇怪的是,这只发生在我们的Linux文本框中,而在所有开发人员的Windows框中它工作正常.不确定它是否与环境有关或是否与其他环境有关.在Linux机器上,这一直失败.

我们正在使用的用户域类如下(插件生成的类有几个附加字段).encodePassword由beforeInsert(),beforeUpdate()触发器处理.

遇到这个线程,讨论了导致webflow问题的瞬态引用,我假设这里没有使用,所以不确定这是否相关. http://grails.1312388.n4.nabble.com/Spring-Security-Plugin-1-of-the-time-springSecurityService-null-td4349941.html

class User {

    transient springSecurityService

    static constraints = {
        firstName blank: false, nullable: false, size: 2..100
        lastName blank: false, nullable: false, size: 2..100
        username blank: false, nullable: false, unique : true, email: true
        password blank: false, nullable: false, size: 6..255
    }

    static mapping = {
        password column: '`password`'
    }

    String username
    String password
    boolean enabled
    boolean accountExpired
    boolean accountLocked
    boolean passwordExpired

    /* user details */
    String firstName;
    String lastName;

    Set<Role> getAuthorities() {
        UserRole.findAllByUser(this).collect { …
Run Code Online (Sandbox Code Playgroud)

grails spring-security

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

是否有可能检查:: after和:: before伪元素的"计算"样式?

当我检查元素时,Chrome会在" 匹配的CSS规则"窗格中显示::after::before定义(以及继承的定义等..).但" 计算样式"窗格仅显示根元素的计算样式.

我有一个完整的CSS类层次结构用于伪元素,其中一些属性被继承,一些被覆盖等等,并想知道是否有任何方法我可以看到实际应用的样式集(即计算样式窗格显示的是什么根元素)

如果有人能说清楚这一点,那将是非常有帮助的.

编辑 - 2014年2月13日

最近版本的Chrome确实内置了这个功能也许这个小线程与它们有关,包括它?:-)

css google-chrome pseudo-element

8
推荐指数
1
解决办法
741
查看次数

JavaScript:适用于Android的Firefox跟踪选择更改

我正在寻找一种方法来跟踪网页上的文本选择.每当选择发生变化时,我都需要执行一些代码.我已经在所有主流桌面浏览器上成功完成了这项工作,但同样似乎并不适用于Android版Firefox.

我尝试了三种方法(没有一种方法有效!):

  1. 尝试捕获"mouseup"事件并检查是否存在非空文本选择."mouseup"如果在mousedown-move-up序列中进行了选择,问题就不会被触发!
  2. 尝试对"touchend"事件做同样的事情 - 结果相同.
  3. 试图抓住这个"selectionchange"事件.我看到当选择改变时它不会被触发,因为它需要设置配置键 "dom.select_events.enabled".这是false默认情况下,我显然不能要求我的访问者调整浏览器设置:-)

此外,正如预期的那样,如果通过拖动选择开始/结束标记来扩展或减少选择,则不会触发前两个事件.

我现在能想到的唯一解决方案是定期轮询器(使用setInterval)来检查是否有文本选择.这绝对是不洁净和反性能的.

任何替代方案和/或建议都会非常有帮助.

谢谢

javascript events android textselection dom-events

8
推荐指数
1
解决办法
267
查看次数

Solr - 如何提高早期比赛的得分?

如何提高我的查询先前与特定字段匹配的文档的分数.例如,搜索"超级男人"应该给"超级男人回归"一个比"有我超级男人"更高的分数.这可能吗?

solr

7
推荐指数
1
解决办法
3204
查看次数