小编cas*_*ack的帖子
边框图像CSS的奇怪行为
我有一个图像,我想用作div的边框和背景.下面的代码(和小提琴)在div内部产生不希望的白色背景,尽管使用background: transparent !important;或background: none !important;(我试过两个).
这是我正在使用的图像:
这是我得到的效果:
这是我想要的效果:
奇怪的是,我可以通过在Chrome中打开Web Inspector并border-image在页面渲染后切换属性来实现所需的效果.只需border-image关闭并重新打开,我就会得到我想要的结果:
HTML
<div>test</div>
CSS
div {
-webkit-border-image: url(http://img.ctrlv.in/img/14/10/28/544fc2d75c818.png) 30 30 round; /* Safari 3.1-5 */
-o-border-image: url(http://img.ctrlv.in/img/14/10/28/544fc2d75c818.png) 30 30 round; /* Opera 11-12.1 */
border-image: url(http://img.ctrlv.in/img/14/10/28/544fc2d75c818.png) 30 30 round;
}
因此,如果浏览器可以渲染它,为什么我不能写它？:)任何帮助/建议都会很棒.
请注意我已经尝试将图像设置为div background-image而不是border-image也没有产生预期的结果(缩放图像以防止边框被切断只是太多的猜测工作,因为div的文本内容是动态的).
推荐指数
解决办法
查看次数
使用getElementsByTagName textAlign从中心到左侧更改<texarea>的样式
我有一个脚本来更改textarea的文本对齐方式,其ID textbox1如下:
// <![CDATA[
function alignFix() {
document.getElementById("textbox1").style.textAlign="left";
}
// ]]>
这是标记:
<textarea cols="36" rows="25" readonly="readonly" id="textbox1" name="textbox" style="text-align: center;">dynamic text populates via another script unrelated to problem</textarea>
这是触发器:
<select class="c9" onchange="showCenterTemplates(this); alignFix();">
它工作得很好.现在我有一个以上的textarea我需要这个脚本来工作,所以我认为这将是一个简单的转换document.getElementById,document.getElementsByTagName但我的无知/惊喜,这不是很好.
我搜索了问题和论坛以及Google,并找到了document.getElementsByTagName的实例,但不是我需要它的方式.
似乎在使用时getElementsByTagName,必须始终声明一个变量(任何人都可以确认这是否属实？)所以我试过:
// <![CDATA[
function alignFix() {
var textbox = document.getElementsByTagName('textarea');
style_textbox = textbox.style;
style_textbox.textAlign="left";
}
// ]]>
但是style_textbox is null or not an object在测试时我遇到了错误.有人可以帮帮我吗？首先十分感谢.
PS脚本的原因是因为textareas的原始内容需要居中,但是当用户开始从使用脚本<select>动态填充的模板中选择模板时,这些模板需要在其中包含左对齐的文本.希望有道理.<textarea>showCenterTemplates()<textarea>
推荐指数
解决办法
查看次数
jQuery sum行添加所有单元格
我搜索了有关添加表列的各种SO问题,但在行上没有多少.这是我到目前为止所拥有的:
HTML
<table>
<thead>
<tr>
<th>MAX ATK</th>
<th>MAX DEF</th>
<th>MAX HP</th>
<th>Overall</th>
</tr>
</thead>
<tbody>
<tr>
<td class="combat">8170</td>
<td class="combat">6504</td>
<td class="combat">6050</td>
<td class="total-combat"></td>
</tr>
<tr>
<td class="combat">8500</td>
<td class="combat">10200</td>
<td class="combat">7650</td>
<td class="total-combat"></td>
</tr>
<tr>
<td class="combat">9185</td>
<td class="combat">7515</td>
<td class="combat">9185</td>
<td class="total-combat"></td>
</tr>
</tbody>
</table>
jQuery的
$(document).ready(function () {
var sum = 0;
$('tr').find('.combat').each(function () {
var combat = $(this).text();
if (!isNaN(combat) && combat.length !== 0) {
sum += parseFloat(combat);
}
});
$('.total-combat').html(sum);
});
你可以在这里看到我的小提琴.
问题: …
推荐指数
解决办法
查看次数
document.getElementById(...)为null或不是对象....但它是？
嘿所以我有点困惑为什么我得到错误,'document.getElementById(...)'是null或不是对象.我是javascript和练习编写数组的新手.这个脚本在我之前document.write(r_card[i]);和没有之前工作正常function.该页面将加载并随机选择一张卡片.但后来我想用的功能练习,并要求他们,所以我增加了function bar() {一部分,并改变document.write(r_card[i]);到document.getElementById(foo).innerHTML = (r_card[i]);,但现在它不工作.当我遇到这样的问题时,通常会出现语法错误,因为我不习惯自己编写javascript.做了一些搜索但找不到任何有相同错误的人.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>Pick a Card!</title>
</head>
<body>
<script type="text/javascript">
function bar() {
var r_card = new Array();
r_card[0] = "Ace of Diamonds";
r_card[1] = "Two of Diamonds";
r_card[2] = "Three of Diamonds";
r_card[3] = "Four of Diamonds";
r_card[4] = "Five of …推荐指数
解决办法
查看次数
标签 统计
html ×2
javascript ×2
arrays ×1
border ×1
css ×1
html-table ×1
image ×1
jquery ×1
sum ×1
text-align ×1
textarea ×1
var ×1