小编Mr.*_*ien的帖子
悬停时更改不透明度
我如何制作它以使不透明度正常,直到有人在它上面盘旋并且当它们悬停在它上面时图片亮起但将其他图像发送到后台？我也希望图像淡入淡出.
这是jsfiddle
img {
opacity: 0.7;
}
img:hover {
opacity: 1;
}
.radio div[type='radio'] {
background: transparent;
border:0px solid #dcdcdc;
border-radius:10px;
padding:0px;
display: inline-block;
margin-left: 5px;
cursor:pointer;
text-align: left;
opacity: 0.7;
}
.radio div:hover[type='radio'] {
opacity: 1;
}
不透明度很好,但我希望图像具有正常的不透明度,直到有人在它上面盘旋.
4
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数
这个HTML是什么HTML版本
下面是什么html版本的代码片段？
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="Generator" content="some info here ..." />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
4
推荐指数
推荐指数
1
解决办法
解决办法
149
查看次数
查看次数
CSS如何填充整个宽度？
我已经护目镜但仍然不知道该怎么做
我有3个div
<body>
<div id="container">
<div id="center"> <h1>center</h1> </div>
<div id="right"> <h1>right</h1> </div>
</div>
</body>
我试图完成什么
- div id = center是自动填充宽度
- div id = right位于div id = center的正确位置,width = 200px;
到目前为止我尝试了什么
#center{
background-color: green;
float: left;
overflow: auto;
}
#right{
background-color: red;
float: right;
width: 200px;
}
如何使div id = center在另一个div(div id = right)的正确位置填充整个宽度
原谅我的英语
4
推荐指数
推荐指数
1
解决办法
解决办法
592
查看次数
查看次数
Safari CSS word-break:keep-all; 不管用
我在Safari浏览器中看到word-break我需要的CSS 属性没有被使用.为什么？
4
推荐指数
推荐指数
2
解决办法
解决办法
9245
查看次数
查看次数
更改所选选项的颜色 - jQuery
我想更改所选选项="已选择"的文本颜色:
<select class="select">
<option value="--">--</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012" selected="selected">2012</option>
<option value="2011">2011</option>
</select>
我一直在尝试CSS,但似乎不可能:
.select select [selected="selected"]{
color: #2b2b2b;
}
有关jQuery的任何想法吗？
4
推荐指数
推荐指数
1
解决办法
解决办法
2万
查看次数
查看次数
Firefox和Chrome之间的神秘2px差异
我的问题被提到我一直在开发的这个网站.看到里面有4个圆圈和4个按钮的地方？这是他们的相关CSS:
/* STEPS HIGHLIGHT */
.steps {
background: transparent url(img/bg-steps.gif) 37px 92px no-repeat;
clear: both;
float: left;
text-transform: uppercase;
}
.steps .col {
margin-top: 15px;
text-align: center;
}
.col.steps-1 {
width: 194px;
}
.col.steps-2 {
margin-left: 40px;
width: 196px;
}
.col.steps-3 {
margin-left: 21px;
width: 232px;
}
.steps .col.last {
margin-left: 11px;
width: 226px;
}
.steps .col.last h3 {
margin: 0 auto;
width: 129px;
}
.steps h2 {
font: 24px 'ProximaNovaLight';
}
.steps h3 {
color: #7f7f7f;
display: …3
推荐指数
推荐指数
2
解决办法
解决办法
3364
查看次数
查看次数
悬停元素,显示父元素兄弟姐妹的悬停效果
现在让我们看看,不确定我是否有100%的逻辑.
这就是我正在使用的(这里的 bootply演示)
<ul>
<li class="row">
<span class="category col-sm-2 highlight">Architecture</span>
<span class="title col-sm-4"><a href="#">Hello world!</a></span>
<span class="publication col-sm-2 hidden-xs">Magazine</span>
<span class="year col-sm-2 hidden-xs">2007</span>
</li>
<li class="row">
<span class="category col-sm-2 invisible">Architecture</span>
<span class="title col-sm-4"><a href="#">Keep them coming</a></span>
<span class="publication col-sm-2 hidden-xs">Magazine</span>
<span class="year col-sm-2 hidden-xs">2007</span>
</li>
<li class="row">
<span class="category col-sm-2 invisible">Architecture</span>
<span class="title col-sm-4"><a href="#">The other posts</a></span>
<span class="publication col-sm-2 hidden-xs">Magazine</span>
<span class="year col-sm-2 hidden-xs">2007</span>
</li>
<li class="row">
<span class="category col-sm-2">Cities</span>
<span class="title col-sm-4"><a href="#">Tezt</a></span>
<span class="publication col-sm-2 hidden-xs">Magazine</span> …3
推荐指数
推荐指数
1
解决办法
解决办法
1292
查看次数
查看次数
引导程序输入：必需的框阴影覆盖
使用Bootstap 2
我正在寻找一种方法来覆盖required设置了属性的文本输入上的红色框阴影。非必需输入的蓝色光晕很好，但红色似乎太极端了。
我找到了蓝色焦点阴影（下图），但根本找不到伪标签:required。
textarea:focus,
input[type="text"]:focus, /* HERE */
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px …3
推荐指数
推荐指数
1
解决办法
解决办法
3087
查看次数
查看次数
CSS定位,需要一些建议
这是我的HTML代码
<div id="container">
<div id="topleft"></div>
<div id="topright"></div>
<div id="bottomleft"></div>
<div id="bottomright"></div>
</div>
这是我的css代码
#container{
width: 400px;
height: 400px;
background-color: red;
margin: 0 auto;
}
#topright{
width: 50px;
height: 50px;
background-color: black;
position: relative;
top:0px;
right:0px;
}
#topleft{
width: 50px;
height: 50px;
background-color: black;
position:relative;
top:0px;
left:350px;
}
#bottomright{
width: 50px;
height: 50px;
background-color: black;
position: relative;
top:250px;
right:0px;
}
#bottomleft{
width: 50px;
height: 50px;
background-color: black;
position:relative;
top:250px;
left:350px;
}
这是输出 http://s23.postimg.org/dhgy9mpq3/image.png
我需要获得的是,所有4个黑色方块都位于红色方块的角落,就像在这张图片中一样,我应该更改或添加代码？THX http://postimg.org/image/r5kv15l5v/
3
推荐指数
推荐指数
1
解决办法
解决办法
100
查看次数
查看次数
如何水平居中固定的定位元素
我有一个图像里面的图层:
<div id="foo"><img src="url" /></div>
它是固定的:
#foo {
position: fixed;
}
但我也希望图层在页面中水平居中.所以我试过:http: //jsfiddle.net/2BG9X/
#foo {
position: fixed;
margin: auto
}
和 http://jsfiddle.net/2BG9X/1/
#foo {
position: fixed;
left: auto;
}
但不起作用.任何想法如何实现它？
3
推荐指数
推荐指数
1
解决办法
解决办法
1370
查看次数
查看次数
标签 统计
css ×9
html ×8
javascript ×3
css-position ×2
html5 ×2
css-float ×1
doctype ×1
hover ×1
jquery ×1
margin ×1
opacity ×1
parent-child ×1
safari ×1
word-break ×1