Tag: html

textarea字符限制: 我想能够限制textarea中的字符数量。我使用的方法在Google Chrome中效果很好，但是在Firefox中速度很慢，在IE中不起作用。使用Javascript： function len(){ t_v=textarea.value; if(t_v.length>180){ long_post_container.innerHTML=long_post; post_button.className=post_button.className.replace('post_it_regular','post_it_disabled'); post_button.disabled=true; } else{ long_post_container.innerHTML=""; post_button.className=post_button.className.replace('post_it_disabled','post_it_regular'); post_button.disabled=false; } if(t_v.length>186){ t_v=t_v.substring(0,186); } } HTML： <textarea id="user_post_textarea" name="user_post_textarea" cols="28" rows="1" onkeypress="len();" onkeyup="len();"></textarea> 身体元素底部的Javascript： textarea=document.getElementById('user_post_textarea');

如何隐藏IE8和IE9中的下拉箭头？: 我使用下面的CSS来隐藏FF，safari，chrome中的下拉箭头，并添加了我自己的图像进行自定义。 select { -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; } 对于IE10，我使用了伪元素 select::-ms-expand{ display:none; } 我不知道如何应用相同的IE9和IE8。任何人都可以告诉我如何隐藏下拉箭头在IE8和IE9。

Javascript：如何使用Javascript或Servlet显示字节数组中的图像？: 我的ajax调用将从服务器获得一个字节数组的图像。如何在网页上使用javascript显示图像（位于字节数组中）？

如何样式SVG与外部CSS？: 我有几个SVGgraphics，我想通过我的外部样式表修改颜色 – 不是直接在每个SVG文件中。我不是把graphics放在线上，而是将它们存储在我的图像文件夹中并指向它们。我已经以这种方式实现了它们，以允许工具提示工作，并且我还将每个包装在<a>标记中以允许链接。 <a href='http://youtube.com/…' target='_blank'><img class='socIcon' src='images/socYouTube.svg' title='View my videos on YouTube' alt='YouTube' /></a> 这里是SVGgraphics的代码： <?xml version="1.0" encoding="utf-8"?> <?xml-stylesheet href="stylesheets/main.css" type="text/css"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56.69 56.69"> <g> <path d="M28.44……./> </g> </svg> 我把以下内容放在我的外部CSS文件（main.css）中： .socIcon g {fill:red;} 但它对graphics没有影响。我也试过.socIcon gpath{}和.socIconpath{}。有些东西是不对的，也许我的实现不允许外部CSS修改，或者我错过了一个步骤？我真的很感谢你的帮助！我只需要通过我的外部样式表修改SVGgraphics的颜色，但我不能失去工具提示和链接能力。 […]

我应该在哪里把CSS和Javascript代码放在HTML网页中？: 在devise一个网页的时候，我应该把下面的代码放在哪里？ <link rel=stylesheet type="text/css" href="css/layout.css"> 我应该把它放在<head>还是放在<body> ？请澄清以下问题：如果我把它放在<head>或者HTML代码的其他地方，它有什么不同？如果我有两个CSS（或Javascript）文件呢？由于我只能在另一个文件之前包含一个文件，Web浏览器将使用哪个文件来显示网页？

内联元素和行高: 我inline元素的line-height感到困惑。我一直在寻找： http://www.w3.org/TR/CSS21/visudet.html#inline-non-replaced http://www.w3.org/wiki/CSS/Properties/line-height https://developer.mozilla.org/en-US/docs/Web/CSS/line-height 但是我不确定我是否理解。我知道我可以使高度精确，如果我转换为块显示：内联块。但是我试图理解的是行高内联元素是如何工作的。以下是问题：我有一个文本font-size: 15px但如果我看到浏览器的开发工具，它使18px 。为什么？ font-size只是aproximate？还是不衡量起伏？为什么行inline元素的背景颜色与line-height ？ inline元素中的line-height度量行框的空间，即上下行的空间，而不是inline元素本身。这是解释吗？这里玩一个例子。 CSS： #block-element { font-family: 'verdana', sans-serif; font-size: 15px; line-height: 15px; text-decoration: none; color: black; margin: 0; background-color: grey; } #inline-element { -webkit-box-sizing: border-box; font-family: 'verdana', sans-serif; font-size: 15px; line-height: 15px; text-decoration: none; color: black; margin: […]

JavaScript中<head>还是之前</ body>？: 我即将开始一个新的Web项目，并计划使用以下scheme将我的JS脚本放在头部和尾部之前：页面用户体验必不可less的脚本是头等大事。正如我已经仔细阅读网页 – 头部的脚本在页面加载之前被加载，所以在那里放置对用户体验至关重要的脚本是有意义的。对于页面的devise和UX（Google Analytics（分析）脚本等）而言不重要的脚本会放在</body> 。这是一个明智的做法吗？另一种方法是将所有脚本放在<head> ，并将延迟属性添加到非必要脚本中 – 但是我已经读过旧版本的FF没有select延迟属性。

CSS – 相对定位的父div不伸展到绝对子div高度: 我一直在Google上search，似乎无法使其工作：我有一个父DIV与相对定位和一个双列子DIV设置里面，都定位绝对。我需要父DIV的高度与内部的DIV的内容拉伸。我已经尝试在#content的结束标记之前放置一个.clearfixtypes位，但是我不会浮动任何东西。我也尝试添加一个float属性到#content div无济于事。任何人都可以指出我在这里正确的方向。很明显，我错过了嵌套显示互相影响的东西。 CSS： #content { width: 780px; padding: 10px; position: relative; background: #8b847d; } #leftcol { width: 500px; position: absolute; } #rightcol { width: 270px; position: absolute; left: 500px; margin-left: 10px; text-align: center; } HTML： <div id="content"> <div id="leftcol"> <p>Lorem Ipsum</p> </div><!– /leftcol –> <div id="rightcol"> <img src="images/thumb1.jpg"> <img […]

在纯css上带有固定标题和固定列的表: 我需要创build一个固定的头和一个固定的第一列的HTML表（或类似的东西）。到目前为止，我所见过的每个解决scheme都使用Javascript或jQuery来设置scrollTop / scrollLeft，但在移动浏览器上无法顺利运行，所以我正在寻找一个纯粹的CSS解决scheme。我在这里find了一个固定列的解决scheme： jsfiddle.net/C8Dtf/20/，但是我不知道如何增强它来修改头文件。我希望它在webkit浏览器上工作，或使用一些css3function，但我再说一遍，我不想使用Javascript进行滚动。编辑：这是我想要实现的行为的示例： http : //datatables.net/release-datatables/extras/FixedColumns/css_size.html