小编dip*_*pas的帖子
CSS 正文背景位置右下角不起作用
我正在尝试将背景图像放置在body标签的背景中，right bottom但由于某种原因，该图像几乎完全不可见。除了解决方案之外，我还想了解为什么这不像我预期的那样工作。我将组合更改为其他设置，例如left bottom静态图像不在视野中。
图片是这个：https : //i.stack.imgur.com/fpKuw.jpg?s=328&g=1
body {
background-image: url(https://i.stack.imgur.com/fpKuw.jpg?s=328&g=1);
background-repeat: no-repeat;
background-position: right bottom;
}<body>
</body>推荐指数
解决办法
查看次数
CSS类订单显示不同的结果
该bb班的背景颜色将是红色的,如果我之前移动代码intro-block类的CSS代码,但是如果我把它放在后intro-block颜色不改变,并没有任何反应类的CSS代码!谁能告诉我为什么会这样？!
.left-column {
width: 35%;
margin-left: 20px;
margin-right: 50px;
float: left;
overflow: hidden;
}
.right-column {
overflow: hidden;
}
.intro-block {
background-color: #22AAA1;
margin: 0 auto;
/*max-width: 950px;*/}
}
.bb {
background-color: red;
}<body>
<header>
<section class="intro-block">
<div class="left-column">
<img class="profile-pic right-column" src="img/11.jpg">
</div>
<div class="right-column">
<h1>lorem ipsum</h1>
<p>
<h4>lorem ipsum</h4>
</p>
</div>
</section>
</header>
<main>
<section class="bb">
<h3>lorem ipsum</h3>
<div class="left-column">
<div>
<p>lorem ipsum</p>
</div>
</div>
<div class="right-column">
<h5>lorem ipsum</h5>
</div>推荐指数
解决办法
查看次数
将div B放在div A的顶部
嗨,我正在努力解决这个问题.
桌面:
Div A
Div B
但在回应中,divs必须改变这样的立场:
响应:
Div B
Div A
我做了一个jsfiddle:
#a {
height: 50px;
width: 100%;
background-color: red;
}
#b {
height: 50px;
width: 100%;
background-color: green;
}<div id="a">
div 1
</div>
<div id="b">
div2
</div>这可能吗？
推荐指数
解决办法
查看次数
图像特定区域的可点击链接
我有一张地图的图像它在地图上有特定的区域名称,但它只是一个PNG图像.我希望用户能够点击地图上的名称并将其带到特定的主板上.
例如,地图上有三个名称.每个名称都在不同的X和Y坐标,如果用户点击X:100, Y:300左右,他们将被带到董事会,而如果他们点击X:400, Y:100,他们将被带到另一个董事会.
我已经考虑过使用<canvas>和javascript为此而且我不确定如何.
推荐指数
解决办法
查看次数
使用 gulp 支持旧浏览器
我想一直支持 es6 语法和 javascript 的新功能到 IE11。我在我的项目中使用了 gulp。有什么办法可以让新的 javascript 被转译以支持旧浏览器？
推荐指数
解决办法
查看次数
<style> 标签如何在 <body> 标签内工作？
我使用<style>标签内<body>标签和<h1>标签内<head>标签。它奏效了。它是如何完美运行的？
推荐指数
解决办法
查看次数
固定大小的边框底部
border在文本底部添加小号的最佳方法是什么？
必须border居中且最大20px，但文本可以很长，甚至200px.
所以就像：
<h1>This text can be longer than the border</h1>
<style>
.h1 {border-bottom:8px solid #000;}
</style>
div我应该在 my 之后添加一个h1并为其设置最大尺寸吗？
推荐指数
解决办法
查看次数
如何使用javascript更改className？
码
window.onload = function() {
var refButton = document.getElementById("old");
refButton.onmouseover = function() {
refButton.className = 'newClass';
}
};.newClass {
color: white;
}
#old {
color: blue;
}<div id="old">
Hello
</div>如果不是ClassName我键入,style.color="red"那么代码可以工作.
我想知道问题是什么.
推荐指数
解决办法
查看次数
不透明度与叠加div
我目前正在处理"叠加弹出",当我点击某个按钮时会出现.
它运作得很好,但是我很努力 opacity
我的主要叠加层div出现在整个网站上,我给它一个opacity,这样你就可以看到它的页面background.
在叠加层上我放了一个内容div,显示了实际内容(在这种情况下是密码更改请求).
反正,我不希望内容框是透明的,但不管我什么(z-index:10,opacity:1,position:relative等),这是行不通的.
它仍然是透明的,因为我opacity在叠加div中设置了它.
这是代码:
CSS:
.changePasswordOverlay
{
height: 0%;
width: 100%;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color:#fafafa;
opacity: 0.9;
overflow-y: hidden;
transition: 1s;
}
.passwordOverlayContent {
margin-left:40%;
margin-top:15%;
font-family:'source_sans_proregular';
font-size:15px;
position:relative;
}
HTML:
<div class="changePasswordOverlay">
<div class='passwordOverlayContent'>
.
.
.
</div>
</div>
推荐指数
解决办法
查看次数
Bootstrap全宽设计
我想要div像下面的图像样式.
我设计了一些但不完整width,它还在移动视图中显示了侧滚动.
请告诉我如何完整地完成它width.
我的HTML代码
#news_and_cv {
background: #e6e6e6;
}
#send_cv {
background: #e6e6e6;
padding: 25px 0px 20px 0px;
}
#news {
background: #02bed4;
padding: 25px 0px 20px 0px;
}
.submit {
padding: 13px 20%;
background: #02bed4;
color: #fff;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 1.5px;
border: 1px solid #fff;
text-align: center;
margin-top: 30px;
}
.submit:hover {
background: #02bed4;
}
.form-style {
display: block;
width: 80%;
height: 37px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: …推荐指数
解决办法
查看次数
标签 统计
css ×9
html ×9
javascript ×3
background ×1
border ×1
css3 ×1
ecmascript-6 ×1
gulp ×1
html5 ×1
opacity ×1
overlay ×1