小编Jos*_*kle的帖子
边框半径在桌子上不起作用
表格中的边框半径仅在背景和边框上保持直线。
这是我的CSS
.table_mem, .th_mem, .tr_mem, .td_mem{
border: 1px solid #000000;
border-radius: 20px;
border-collapse: collapse;
text-align: center;
padding: 7px;
}
.th_mem{ background-color: #9e9e9e;}
.tr_mem{ background-color: #e5e5e5; transition: .5s;}
.tr_mem:hover{ background-color: #bfbfbf; }
有人可以告诉我解决方案吗？
推荐指数
解决办法
查看次数
在javascript中从平面对象数组构建对象图
我有一个 javascript 对象数组，其中的对象如下所示：
itemId
名称
parentItemId <== 没有父项的顶级项目具有空值
我想构建一个图形，其中父项包含子项数组，如果适用，这些子项具有子项数组。
什么是解决这个问题的好方法？
推荐指数
解决办法
查看次数
HTML/CSS - 在img标签上显示文本
我试图左右显示两个图像,包括文本,控件以及我心中想要的任何其他图像.为此,我有以下内容:
<div>
<div id="leftDiv" style="float:left; width:49%; height:400px; background-color:transparent">
<div style="position:relative; left:61px; top:100px; width: 319px; z-index:1">This is text</div>
<div style="position:relative; left:61px; top:100px; width: 319px; z-index:1">This is also text</div>
<img id="leftImg" alt="Images/redbox.png"
style="width:100%; height:100%; z-index:-1; right: 1124px; top: 9px;"
src="Images/redbox.png" />
</div>
<div id="rightDiv" style="float:left; width:49%; height:400px; background-color:transparent">
<img id="rightImg" src="Images/bluebox.png" alt="Images/bluebox.png" style="width:100%;height:100%; z-index:-1;" />
</div>
</div>
除了一件小事之外,这一切都很棒......左边的div,"redbox.png"总是被我想要的s(或者元素所占据的任何位置)的数量减少.我可以将元素放在图像之后,但是将它们放在我想要的方式更容易,并且在我为框架设置动画时将它们保持在原位.
现在,为什么我使用图像而不是background-img？好吧,我希望图像<div>自动调整到周围的s,这是我发现轻松做到这一点的唯一方法(使用javascript手动调整大小是一个选项,但是复杂的一个,因为这些框将被设置为动画).
有任何想法吗？谢谢!
推荐指数
解决办法
查看次数
将字符串传递给Onchange
我很难将字符串常量传递给onchange事件.我正在尝试的代码示例:
var rvalue = "hi";
var r1 = '<label style="vertical-align:2px;">Group by: </label>' +
'<select id="pwx_documents_range_groupby" onchange="ravi('+rvalue+');">' +
'<option value="listview" selected="selected">List View</option><option value="notetype">Note Type</option><option value="author">Author View</option>'+
'<option value="cat">Cat</option></select>'
这只是示例代码..但问题是一旦下拉更改它将调用ravi函数并抛出错误'hi'未定义.如果我通过0而不是喜欢它很好.我完全惊讶它为什么不接受字符串.
任何人都有任何想法,这将是很大的帮助.
推荐指数
解决办法
查看次数
浮动divs彼此相邻无限
我有这个问题:
.container {
height: 500px;
}
.tile {
background-color: green;
margin-right: 20px;
margin-bottom: 10px;
float: left;
height: 100%;
width: 100px;
}<div class="container">
<div class="tile"></div>
<div class="tile"></div>
<div class="tile"></div>
<div class="tile"></div>
<div class="tile"></div>
<div class="tile"></div>
<div class="tile"></div>
<div class="tile"></div>
<div class="tile"></div>
</div>小提琴参考:http://jsfiddle.net/dv4zqkw5/
我需要的是显示每个瓷砖彼此相邻.问题是可能有5个或20个(因为它们是动态加载的).我试图获得类似于Windows 8菜单工作方式的东西,但我似乎无法显示滚动条并水平滚动.
我试过了:
overflow-y: hidden;
但这没用.
任何帮助将不胜感激.
推荐指数
解决办法
查看次数
为什么table <td>边框颜色是否继承自<tr>元素颜色？
我只是注意到,如果我将"tr"元素颜色设置为红色,那么"td"边框颜色也会设置为红色.这是浏览器的错误吗？
https://jsfiddle.net/tbgggu62/3/
<table>
<tbody>
<tr style="color: red;">
<td >A</td>
<td>B</td>
</tr>
<tr class="spaceUnder">
<td>C</td>
<td>D</td>
</tr>
<tr>
<td>E</td>
<td>F</td>
</tr>
</tbody>
</table>
谢谢.
推荐指数
解决办法
查看次数
html&css中的评论
我正在使用CSS和HTML.我正在使用外部样式表,以及html内部的"style"元素来覆盖外部样式表.我的问题是,当我在"样式"元素中放置html注释时,样式不会超出外部css.但是当我在"样式"元素中使用css注释时确实有效.Html注释属于html,"style"元素仍然是html,那么为什么"style"元素中的html注释会导致覆盖失败？
例如:
<html>
<head>
<title>test</title>
<style>
<!-- body{background:#eee;} -->
</style>
</head>
<body></body>
</html>
上面的例子演示了尽管注释标签应用样式的奇怪行为.
演示:http://jsfiddle.net/UyXhF/(在Chrome浏览器16.0.912.75 Windows 7中测试)
推荐指数
解决办法
查看次数
为内容框创建斜角效果
我一直在为一个程序开发 CSS3 样式表。这是它当前的外观：
正如你所看到的，我喜欢这个设计，因为它非常干净 - 但令我印象深刻的一件事是它非常平坦。
/* REPORT */
.reportBox{
margin: 30px auto;
width: 60%;
height: 20%;
border-radius: 6px;
background-color: #FFFFFF;
padding: 10px 20px;
}
.reportBox li{
list-style:none;
}
.ulReport{
padding-left:0;
}
我想在内容和背景之间创建更多的分离/对比。我想知道如何使白色方块具有更多的阴影或浮雕效果/斜角外观。例子：
有人可以帮我展示一个使用我所拥有的东西的例子吗？我假设我必须弄乱边框和从黑到白的不同色调。
谢谢你！
推荐指数
解决办法
查看次数