小编naz*_*hid的帖子
如何查看css中存在的类？
我.hello在css 上课:
<style>
.hello { color:#ccc }
</style>
如何使用Jquery检查类是否.hello存在样式？
当然,即使在<link href='style.css' />文档中也需要检查所有样式.
10
推荐指数
推荐指数
1
解决办法
解决办法
1333
查看次数
查看次数
具有边框半径和渐变文本的渐变边框
我正在努力实现以下设计！我已经设法用渐变边框实现边框半径，但如果我尝试使用-webkit-background-clip&-webkit-text-fill-color作为渐变文本，则边框半径不起作用，整个按钮都会获得渐变颜色。我使用它作为渐变文本的参考并附加渐变边框的代码
.btn {
background-image: linear-gradient(to right, #006175 0%, #00a950 100%);
border-radius: 40px;
box-sizing: border-box;
color: #00a84f;
display: block;
font: 1.125rem 'Oswald', Arial, sans-serif;
/*18*/
height: 80px;
letter-spacing: 1px;
margin: 0 auto;
padding: 4px;
position: relative;
text-decoration: none;
text-transform: uppercase;
width: 264px;
z-index: 2;
}
.btn:hover {
color: #fff;
}
.btn span {
align-items: center;
background: #e7e8e9;
border-radius: 40px;
display: flex;
justify-content: center;
height: 100%;
transition: background .5s ease;
width: 100%;
}
.btn:hover span { …3
推荐指数
推荐指数
1
解决办法
解决办法
5527
查看次数
查看次数
内容从主容器溢出
我在最新版本的 Chrome 和 Firefox 中遇到了 CSS 问题，我似乎无法隔离该问题，感谢任何帮助。
我有一个顶部边距为 50px 的容器div。容器内有一个侧菜单div，设置为 100%。窗口的高度为 650px，但是当内容大于 650px 时，侧菜单和容器div 都无法适应此窗口
奇怪的是，当您运行代码片段时它会起作用，但当您将 html 保存在代码片段中并在本地运行时则不起作用。我猜 StackOverflow 中有一些 css 可以解决我的问题，但我不确定问题是什么或如何解决它。
编辑：我发现主体高度是窗口的大小，这限制了容器div。仍然不确定如何确保主体高度增长到内容的完整尺寸。
html, body {
margin: 0;
}
#container {
margin-top: 50px;
height: 100%;
background-color: lightgreen;
}
#sidenav {
width: 250px;
height: 100%;
display: grid;
background-color: green;
align-content: space-between;
}
#menu {
grid-column: 1 / 2;
grid-row: 1 / 2;
background-color: red;
}
#footer {
grid-column: 1 / …0
推荐指数
推荐指数
1
解决办法
解决办法
1648
查看次数
查看次数