小编My *_*rts的帖子

JQuery:检查以前的兄弟是否是第一个孩子

使用JQuery,如何检查元素的前一个兄弟是否是第一个孩子?

我尝试了以下代码,但它不起作用:

if( $(this).prev() === $(this).siblings(":first-child") ){
    //do something
}
Run Code Online (Sandbox Code Playgroud)

使用上述===方法的示例:http://jsfiddle.net/xnHfM/

jquery

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

将Windows文件转换为Linux文件

我在使用作为Linux机箱上的shell脚本的一部分运行的Windows文件时遇到问题,我想知道是否可以使用Java或可能的Linux命令将Windows创建的文件"转换"为Linux文件?

例如:

如果我上传在Windows中创建的CSV文件,那么在服务器上使用nano我可以看到文件以DOS格式保存.我可以在DOS和Linux格式之间切换M-D,并将其保存为Linux文件.

我的问题是,是否可以通过Java(<-preference)或通过Linux命令实现这一目标?

我试过剥离回车sed -i 's/{ctrl-v}{ctrl-m}//g' [file]但这对问题没有帮助.

java unix linux file file-conversion

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

相对位置内的绝对位置,元素超过父母的宽度?

请参考小提琴:http://jsfiddle.net/ukzKT/8/.

我希望内部div#this-bottom保持在底部,但它的宽度应该像其中的任何其他div一样.即它应该留在父div #top的填充区域内.

CSS

#top{
    width:300px;
    position:relative;
    padding:20px;
    border:1px solid #222;
}
#this-bottom{
    position:absolute;
    bottom:0;
    border:1px solid #333;
    right: 18px;
    left: 20px;
}
#other{
    width:100%;
    border:1px solid #333;
}
Run Code Online (Sandbox Code Playgroud)

HTML

<div id='top'>
    <div id='other'>
        This is 1 <br />
        THis is 2 <br />
        This is 3 <br />

    </div>
    <div id='this-bottom'>
        This should be bottom
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css

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

仅 CSS - 使第一个元素在:悬停在任何同级元素上时更改颜色

我想要使用CSS 的解决方案

我们这里有 3 个圆圈。

每当我在类名为 Mycircle 的圆圈上执行鼠标悬停时,类名为 BigCircle 的圆圈应更改为红色

html

<div class="BigCircle"></div>
<div class="mycircle"></div>
<div class="mycircle"></div>
Run Code Online (Sandbox Code Playgroud)

CSS

.mycircle,.BigCircle{width:50px; height:50px; border-radius:30px; background-color:grey; margin:3px}
.mycircle:hover{background:yellow}

.mycircle:hover .BigCircle{background:red}
Run Code Online (Sandbox Code Playgroud)

这是演示> http://jsfiddle.net/JGbDs/4/

提前致谢

html css

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

如何跨移动设备提供图像

我正在开发适用于移动设备的网页,包括智能手机和平板电脑.

我正在使用jQueryMobile,因此大多数功能在所有设备上都能很好地工作.

我的问题是,我想使用非常高分辨率的图像,以便使用平板电脑获得最佳质量.如果我使用720X1280 - 平板电脑上的页面看起来很棒 - 但在智能手机上 - 不会发生缩小尺寸.

我是否必须使用320x480进行构建 - 然后在平板电脑上进行缩放?有没有灵魂或指导方针?

css mobile jquery html5 image

0
推荐指数
1
解决办法
3427
查看次数

精灵仅部分显示

我试图为我的asp.net主页底部制作一个精灵图像,以减少http请求的数量.我看了所有的编码,找不到任何错误.这是图像:

5个社交媒体按钮

但由于某种原因,我的谷歌+图像没有出现; 它只显示5个社交媒体按钮中的4个.这是jsfiddle,它也没有显示谷歌+按钮:

JSFiddle - 社交媒体按钮

感谢任何能提供这方面指导的人!

SE希望我在这里包含代码,尽管它是在小提琴上.但无论如何,这是我在样式表中的内容:

.homepage{
width:23px;
height:23px;
background-image: url(http://www.ussvision.com/images/sprite-homepage.jpg); 
background-repeat:no-repeat;
}
.fbook{
background-position: 0px 0px;
}
.twit{
background-position: -25px 0px;
}
.yt{
background-position: -50px 0px;
}
.goog{
background-position: -103px 0px;
}
.linked{
background-position: -150px 0px;
}
Run Code Online (Sandbox Code Playgroud)

css performance css-sprites sprite stylesheet

0
推荐指数
1
解决办法
47
查看次数

意外行为:伪元素和显示:table-cell

为什么display: table-cell在伪元素上使用时表现不同?

例如,以下元素将并排放置:

<div style="display:table-cell">one</div>
<div style="display:table-cell">two</div>
Run Code Online (Sandbox Code Playgroud)

示例:http://jsfiddle.net/tQKzq/

但是,在display: table-cell伪元素上使用时,元素是堆叠的:

div::after{
   content: "two";
   display: table-cell;   
}
Run Code Online (Sandbox Code Playgroud)
<div style="display:table-cell">one</div>
Run Code Online (Sandbox Code Playgroud)

示例:http://jsfiddle.net/tQKzq/1/

css pseudo-element

0
推荐指数
1
解决办法
3736
查看次数