我有一个粘性页脚的网站,我想在我的contentContainer顶部有一个背景图片.边框很好,但如果我从内容"薄蓝色固体"删除边框整个事情被推下来,我的背景图像不再在顶部...
<div id="mainContain">
<div id="header"></div>
<div id="contentContain">
<div id="content">
<h2>Hog</h2>
</div>
</div>
<div id="footer"></div>
</div>
我的CSS是:
html, body {
padding: 0;
margin: 0;
height: 100%;
}
#mainContain {
min-height: 100%;
position:relative;
}
#header {
width: 100%;
height: 180px;
background-color: #111111;
}
#contentContain {
background-image: url('../img/shadow-bg.png');
background-position: center top;
background-repeat: no-repeat;
padding-bottom: 45px; /* This value is the height of your footer */
}
#content {
margin: auto;
border: thin blue solid;
}
#footer {
position: absolute;
Width: 100%;
bottom: 0; …我有一个容器div和5个子div
{display: inline-block}
所以它们彼此相邻.每个儿童div的高度为20px,但容器的高度增加到24px.为什么会这样？
我有一个奇怪的问题与untracking文件.我有一个跟踪文件index.css.然后我把它添加到.gitignore.然后我运行以下内容并获得输出:
$ git rm --cached build/development/css/index.css
rm 'build/development/css/index.css'
跑步git status给出以下内容:
$ git status
On branch master
Your branch is up-to-date with 'origin/master'.
Changes to be committed:
(use "git reset HEAD <file>..." to unstage)
deleted: build/development/css/index.css
尝试提交更改时,我收到以下错误:
Error:On branch master
Your branch is up-to-date with 'origin/master'.
nothing to commit, working directory clean
during executing git commit --only -F C:\Users\dtv\AppData\Local\Temp\git-commit-msg-7154374096157077481.txt -- build/development/css/index.css
如果我尝试将更改提交到index.css其他更改,则提交将无错误地进行.但仍会检测到对文件的更改.我究竟做错了什么？
我有以下标记
<body>
<div class="holder">
<div class="circle"></div>
</div>
</body>
我已经将固定的背景应用于身体元素和应用于类持有者的白色背景
body {
background: url(image.png);
background-attachment: fixed;
}
.holder {
width: 500px;
height: 500px;
background: #fff;
}
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background: rgba(0, 0, 0, 0);
}
我试图做的是使圆圈透明,以查看身体背景.简单地说,我正在尝试的是,使圆圈透明以查看身体背景图像,同时圆圈周围的白色背景仍然存在.请原谅我的英语.伙计们请帮帮我.
我有以下Javascript正则表达式：
var regex = '/^' + name + '/';
var s ='';
s = this.innerHTML.toString().toLowerCase().match(regex);
if (s != null){
//do stuff
}
此正则表达式无法正常工作，s永远不会设置（s = null总是）有什么想法吗？
这是一个聊天室，有一个 div .words 作为容器，里面有一个 .content div。
我希望文本从 .content 的底部显示，所以我使用position:absolute，bottom:0; 关于.内容。但我希望它在 .content 增长高于 .words 时显示滚动条。所以我在.words 上添加了overflow:auto。
如果我删除bottom:0，overflow:auto将正常工作。但如果bottom:0则不起作用。
如何让输入从底部显示，并且溢出时有滚动条？
CSS：
.tbchat-room{
position: fixed;
bottom:0;
width:260px;
border:1px solid #aaa;
background:#fff;
}
.tbchat-room .head{
padding: 3px 10px;
background:#3d9ac1;
color:#fff;
}
.tbchat-room .words{
height:230px;
background:#ececec;
overflow:auto;
position:relative;
}
.tbchat-room .words .content{
position:absolute;
}
.tbchat-room .say{
width:246px;
margin:0;
border-top: 1px solid #ccc;
border-bottom: 0;
border-left: 0;
border-right: 0;
padding:4px 6px;
}
.pull-right{
float:right;
}
.content{
padding:5px 10px;
}
HTML：
<div class="tbchat-room">
<div class="head">
<span class="title">Chat Room</span> …当有人将鼠标悬停在文本上时,我希望文本完全改变.我发现在线代码应该可行,但事实并非如此.有什么建议？
<span class="show">
<p>if { <br /></p>
<p>yourSite < awesome; <br /></p>
<p>solution = aislingDouglas (HTML5 + CSS3 + <br /></p>
<p>JavaScript + PHP); <br /></p>
<p>} <br /></p>
<p>else { <br /></p>
<p>solution = null; <br /></p>
<p>} </p>
</span>
<span class="noshow">
<p>Need a website? <br /></p>
<p>You found your dream developer! <br /></p>
<p>And hey - I already helped you on the web, <br /></p>
<p>why not let me help you <br /></p>
<p>build an amazing site! <br /></p>
</span>
这是CSS:
.noshow, p:hover .show { display: none }
p:hover .noshow …我想在应用处于活动状态时忽略推送通知.我正在处理通知如下:
- (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo
{
if (application.applicationState != UIApplicationStateActive)
{
[[PushHelper shared] processPush: userInfo];
}
}
但是当应用程序处于活动状态且设备收到推送通知时,将显示带有通知消息的UIAlertView.如何禁用UA的默认处理？
我正在使用像这样的边框图像代码,但它不起作用:
CSS:
#container{
float:left;
position:absolute;
font-size:56px;
font-family:arial;
top:400px; left:200px;
border-bottom-image:url(images/border_bg.png);
-webkit-border-image:url(images/border_bg.png) 30 30 round;
-o-border-image:url(images/border_bg.png) 30 30 round;
border-image:url(images/border_bg.png) 30 30 round;"
}
HTML:
<div id="container">WE'VE GOT YOU COVERED.</div>
我想设置背景图像,使其出现在前景图像的前面.
我尝试了以下代码,但它没有按预期工作:
.background-image
{
border :0px;
background-image: url(/images/icon.png);
z-index:1000;
}
.foreground-image
{
width:200px;
height:113px;
border :0px;
z-index:1;
}
<div>
<a href="#" class="background-image">
<img class="foreground-image" src="./images/pic1.jpg" />
</a>
</div>
我正在使用CSS2.