小编0b1*_*011的帖子
什么有更高的优先级:浏览器中的不透明度或z-index？
我在JavaScript中编写了一个"弹出窗口",我遇到了一个有趣的事情:
弹出窗口下方的海军广场是可见的,即使我希望隐藏它.弹出广告后添加了弹出窗口,所以应该在顶部.
opacity海军广场的CSS 属性是0.3.从我的尝试来看,似乎间隔中的每个数字(0,1)都会产生相同的结果.如果我将其更改为1,则其行为与预期一致(即弹出窗口下方的部分被隐藏).
我试图将z-index属性设置10为方块和100弹出窗口,但它不会改变任何东西.
我错过了什么？为什么显示方块的一部分？
经测试的浏览器:
- Firefox 3.6.x.
- Chrome 4
推荐指数
解决办法
查看次数
固定页眉,页脚和侧边栏,中间有滚动内容区域
从这个演示模板开始,我想创建这个布局:
但是我有以下问题:
- 两个侧边栏不包含在可滚动内容div中.
- 内容div不采用固定大小
- 可滚动内容在溢出时不会显示滚动条
- 如果使用浏览器的主滚动条,则是首选
有人可以帮我解决这些问题吗？
推荐指数
解决办法
查看次数
Webkit CSS控制输入[type = color]中颜色周围的框？
是否有一个特定于Webkit的CSS样式,允许我控制围绕颜色的框的颜色/大小/样式input[type=color]？我已经设置了输入的颜色和背景颜色,所以看起来很好用我用于旧版Chrome和Firefox的交叉兼容性polyfill.但是现在Chrome实际上有一个颜色选择器,当输入的颜色和背景颜色设置为相同的颜色时,颜色周围有一个框,在输入的中间留下1px的灰色框.是否有一些CSS可以摆脱它,或者通过将该框的宽度设置为0,将样式更改为none,或者最坏的情况是将颜色设置为与颜色和背景颜色相同？
在这张图片中,我说的是白色内部和绿色外部的灰色框:
我找到了一个解决方法,即设置一个足够高的填充,框(灰色边框和绿色内容)被压缩到0大小.但这真的很糟糕,并且在Firefox中看起来不太好.
推荐指数
解决办法
查看次数
按钮的CSS样式:使用<input type ="button>而不是<button>
我正在尝试使用<input type="button">而不是仅使用按钮设置样式<button>.使用我的代码,按钮一直延伸到整个屏幕.我只是希望能够使它适合按钮中的文本.有任何想法吗？
请参阅jsFiddle示例或继续HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>WTF</title>
</head>
<style type="text/css">
.button {
color:#08233e;
font:2.4em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
font-size:70%;
padding:14px;
background:url(overlay.png) repeat-x center #ffcc00;
background-color:rgba(255,204,0,1);
border:1px solid #ffcc00;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border-bottom:1px solid #9f9f9f;
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
cursor:pointer;
}
.button:hover {
background-color:rgba(255,204,0,0.8);
}
</style>
<body>
<div class="button">
<input type="button" value="TELL ME MORE" onClick="document.location.reload(true)">
</div> …推荐指数
解决办法
查看次数
用于改变h1中最后一个单词颜色的CSS
我有一个网站,我正在使用CSS3开发,我有h1标题的标签:
<h1>main title</h1>
现在我希望标题有不同的颜色:
<h1>main <span>title</span></h1>
所以我这样做:
h1 {
color: #ddd;
}
h1 span {
color: #333;
}
有没有办法不使用span标签,只在CSS中指定最后一个单词是不同的颜色？
推荐指数
解决办法
查看次数
我可以使用直接连接在CSS中使用不同颜色的左边和上边框吗？
我想在左边有一个4px厚的粉红色边框,在其他地方有1px灰色的边框:
border: 1px solid #E5E5E5;
border-left: 4px solid #F24495;
问题是连接是对角的,所以我得到一个可怕的叠加.我试过了:
.item:before{
border-left: 4px solid #F24495;
}
但没有运气.
jsFiddle示例
截图
推荐指数
解决办法
查看次数
如何将DIV位置设置为中心左侧200像素
我想DIV在中心左侧放置一个200像素.
我目前正在使用以下代码,但在更高分辨率的显示器(例如1920×1080)上,DIV正在滑出位置:
.hsonuc {
position: absolute;
top: 20px;
margin:auto;
margin-left:200px;
display:none;
}
我想要实现的目标:
推荐指数
解决办法
查看次数
根据最大宽度按比例缩放带有CSS的div(类似于img缩放)
是否可以按比例缩放div像img只使用CSS一样？这是我的第一次尝试:http://dabblet.com/gist/1783363
例
div {
max-width:100px;
max-height:50px;
}
img {
max-width:100px;
max-height:50px;
}
实际结果
Container: 200 x 100
Div: 100 x 50
Image: 100 x 50
Container: 50 x 100
Div: 50 x 50 // I want this to be 50x25, like the image
Image: 50 x 25
推荐指数
解决办法
查看次数
正则表达式只匹配前面有空格或没有任何内容的特定字符(行首)
请考虑以下推文:
RT @username This is my tweet
Check this! RT @username This is my tweet
I have PART 2 downloaded
在一个preg_replace()调用中,我使用正则表达式替换RT(常见的转推语法){RT}.它几乎可以工作,但它也匹配RT在PART上一条推文中:
I have PART 2 downloaded变I have PA{RT} 2 downloaded
我希望正则表达式只允许任何内容(字符串的开头)或前面的空格(U + 0020)RT.
目前的preg_replace()电话:
echo preg_replace("(\RT(?=\s)/", '{RT}', $tweet);
推荐指数
解决办法
查看次数
为什么两个没有边距的div之间会出现空格？
我不敢相信我甚至都在问这个,但显然周一早上进展不顺利.为什么我要在这两个div元素之间留一个空格？
<!DOCTYPE html>
<html>
<head>
<title>Hello</title>
<meta charset="UTF-8">
</head>
<body>
<div style="margin:0;padding:0;min-height:200px;background-color:#c00;"></div>
<div style="margin:0;padding:0;min-height:200px;background-color:#ccc;"><p>Hello</p></div>
</body>
</html>
推荐指数
解决办法
查看次数