小编Jac*_*Dev的帖子

使用jQuery动画marginLeft

我无法想象用jQuery动画marginLeft.我每次用户点击链接时都需要减去938px,这在我使用时工作正常.css(),但我无法弄清楚如何使其工作.animate().

$("#full-wrapper #full").animate({
    marginLeft, -=938px
}, 500);
Run Code Online (Sandbox Code Playgroud)

任何人都可以弄清楚为什么这不起作用?这是我的CSS版本:

$("#full-wrapper #full").css("marginLeft","-=938px");
Run Code Online (Sandbox Code Playgroud)

我使用CSS3进行动画制作,但需要让它在旧版浏览器中运行.

html javascript css jquery css3

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

Account for gap when calculating flex-basis

I'm trying to use gap to specify gaps between flexed items within my grid system, but running in to a major drawback. It seems that when you're using flex-grow: 0;/flex-shrink: 0; in conjunction with gap and flex-basis values that fill the entire available width (i.e. three columns with flex: 0 0 33.3333%;), the columns overflow their parent container as the gap doesn't account for the fixed width as specified with flex: 0 0 33.3333%.

Similar to …

css flexbox css-grid

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

Flexbox无法在Firefox中的按钮中工作

显然Firefox不喜欢display: flex按钮.有没有办法纠正这个?

CSS:

button {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

    button div:first-child {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    button div:last-child {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1;
    }
Run Code Online (Sandbox Code Playgroud)

HTML:

<button>
    <div>
        <p>First</p>
    </div>
    <div>
        <p>Second</p>
    </div>
</button>
Run Code Online (Sandbox Code Playgroud)

现场演示:http://jsbin.com/ziwadabo/2

css firefox flexbox

20
推荐指数
1
解决办法
3880
查看次数

Windows Phone中的-webkit-tap-highlight-color?

是否有相当于-webkit-tap-highlight-colorWindows Phone 7(芒果)?我正在编写一个移动网站,如果可能的话,我希望它能在所有浏览器中以相同的方式显示.

我试过tap-highlight-color-ms-tap-highlight-color,既不工作.

html css mobile

15
推荐指数
3
解决办法
5566
查看次数

使用Metro风格的应用程序启动桌面应用程序

有没有办法从Windows 8上的Metro风格的应用程序启动桌面应用程序?我正在尝试为桌面应用程序创建一些简单的快捷方式,以替换开始屏幕上的桌面图标,这些图标看起来不合适.

我只需要一些非常简单的东西,最好是在C#中,一旦应用程序加载就打开一个应用程序.我打算为一些游戏,photoshop等制作这些快捷方式,而不是我自己制作的任何东西.它们也仅供个人使用,因此我可以使用直接路径来应用"C:\Program Files (x86)\Steam\steamapps\common\Skyrim\TESV.exe"

c# windows microsoft-metro windows-8

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

使用动画更改div高度onclick

我正在尝试使用div来创建一个库,当你点击它们时会改变它们的高度.理想情况下,这将包括平滑扩展div高度的动画.每个页面上会有几个div,因此需要扩展该部分.

它实际上应该是这个页面上的新闻部分:http://runescape.com/

如果可能的话,我想用JavaScript/jQuery做.

html javascript jquery resize

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

在Windows 8 HTML5应用程序中无法使用某些颜色

出于某种原因,当我设置背景色在Windows 8应用要么#0D0D0D#EEEEEE它显示为#111111#F2F2F2分别.

这是一个错误,还是有原因的?随机的其他颜色似乎很好,但出于某种原因,当我把它设置为黑色和白色之间的东西时,它要求它改变.我也试过切换到RGB颜色,它仍然无法正常工作.

这真的不是什么大不了的事,但我是一个完美主义者,而且颜色与我的设计略有不同令人沮丧.

css windows microsoft-metro windows-8

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

保证金最高100% - 父母的高度

我有以下布局来构建:

基本上,我需要三个不同高度的div和不同的标题高度,从它们的父级顶部100%定位,减去标题的高度.我可以用jQuery做这个,但这是一个响应式网站,所以我想保持它尽可能基于CSS(否则我将不得不处理$(window).resize(),根据我的经验,这可能是不可靠的).

这可能,也许使用CSS3 calc功能?

谢谢.

css calc css3

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

表获得1px的不需要的填充

出于某种原因,我在桌子上得到1px填充或边框.我无法弄清楚如何摆脱它.我已经尝试添加display:block;margin:0;padding:0;到图像,但这并没有解决它.我也试着<table border="0">border:none;在CSS.对于我的生活,我无法弄清楚这一点.

这是一个问题的原因是因为我试图让图像与tr两侧的边缘对齐,以给它圆形边框,因为CSS3 border-radius不适用于TR.我已经添加table, table * {border:1px solid red;}到CSS,从那里,它肯定看起来像填充或边距问题.

问题出在这张图片中:

在左侧和右侧,您可以看到图像和桌子边缘之间存在某种填充或某种东西.红色边框只是为了看到这一点.

这是我的CSS:

table a {
    color: #f7941E;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    /* css3 */
    transition: color .25s;
    -khtml-transition: color .25s;
    -moz-transition: color .25s;
    -o-transition: color .25s;
    -webkit-transition: color .25s;
}

    table a:hover {
        color: #f8ae57;
    }

table {
    width: 610px;
}

    table tr {
        height: 33px;
        padding: 0;
        margin: 0;
        vertical-align: middle;
    }

        table td {
            border-collapse: collapse;
        }

    table …
Run Code Online (Sandbox Code Playgroud)

html css html-table margin padding

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

在屏幕上放置一个窗口

有没有办法将使用jQuery打开的窗口定位到屏幕的右上角?

这是我现在的代码:

$(document).ready(function() {
    $("#dirs a").click(function() {
        // opens in new window
        window.open(this.href, "customWindow", "width=960, height=1040");
        return false;
    });
});
Run Code Online (Sandbox Code Playgroud)

我希望它在屏幕的右上角打开,类似于在Vista或更高版本中使用Windows Aero快照"快照"时的显示效果.有没有办法让这种情况发生?

顺便说一下,这是一个只有我会使用的简单页面,我只会在1920x1080显示器的Chrome中使用它,所以它不需要任何花哨的东西来调整不同的浏览器或屏幕尺寸.

jquery resize position window

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