Tag: html

带有溢出的CSS圆周的像素化边缘：隐藏;: 这里是我的猫/animationJSFIDDLE 没有任何 drop-shadows以尽可能清楚地显示问题。据我了解，这是由border-radius引起的，可能是由于overflow: hidden; 。猫头鹰是不是这个问题是什么，只是一个类似的情况下我的例子。jsfiddle /猫是这个问题是关于，对不起混乱！这里是一个JSFIDDLE为我的猫与embedded盒阴影使用blur属性的box-shadow和像素化的边缘仍然是在眼睛周围相同。这里的答案确实解决了我用猫头鹰形象所看到的东西，而不是为了解答这个问题。这里是使用第三个值， blur的inset box-shadow的猫。我已经在Safari，Chrome和Firefox上testing了这个小提琴，它们似乎都是一样的。我有两只眼睛，我昨天从CSS开始制作的柴郡猫。一切都呈现得很好，我也做了一个猫头鹰（我第一次认为这是一个类似的情况，但它不是）的CSS有一个非常小的但类似的问题，在边缘像素化的眼睛。我也试图给眼睛一个紫色的边界，但像素边缘在边界边缘保持不变。在我的新CSS创build时，眼睛的外边缘非常像素化，似乎是父圆圈的颜色（黄色）。这是眼睛的CSS。 .eye { border-radius: 50%; height: 100px; width: 100px; background: #FAD73F; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden; position: relative; display: inline-block; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4); z-index: 100; […]

有没有办法让网页页眉/页脚印在每一页上？: 根据我的研究，似乎我想要做的事情是不可能的，但是如果有什么变化的话，我想查看是否有人想出办法做到这一点。我有一个networking应用程序，可以根据浏览器窗口中的用户select生成打印报告。我有一个自定义页眉和页脚，当从浏览器打印报告时，应该在每个打印页面上重复。这不是我需要的浏览器页眉和页脚，而是我生成的自定义页眉和页脚。另外，我不认为这是一个CSS和媒体types的问题，但我不是一个CSS专家。我没有问题得到页眉和页脚打印一次，但我不能让他们打印在每一页上。我读过，也许如果我使用表重新创build我的报告页面，然后使用表头标签和CSS，至less可以在每个页面上获取标题。我还没有成功，但如果它是唯一的select，我会再试一次。一位同事build议我在我的php中计算行数，并根据需要手动输出页眉和页脚。我想这是一个选项，但它似乎应该有办法做到这一点，不是那么“蛮力”！另一个警告是，我必须支持IE 6，所以我怀疑一些我尝试的CSS的东西只是不被支持。如果有人知道有什么办法做到这一点，那就太棒了！如果没有，我将不得不重新思考我的方法。提前致谢！更新（2011年12月14日）我在这个问题上取得了相当大的进展，利用答案中的一些信息，我产生了可用的报告，但从来没有像我想要的那么好或专业。页脚往往不够接近页面的底部，我不得不做大量的猜测工作和“脆弱”的计算，以确定如何插入分页符的大文本，我只能支持限制页面格式设置，以及对报告所做的任何更改都会导致代码更改的级联和更脆弱的计算。总有一种情况打破了某些报告的某些部分。我们修改了这些要求，现在正在使用TCPDF生成PDF格式的报告。这个文档有点不透明，需要一些实验，但是结果要好得多，而且现在的报告看起来应该是这样。我会对任何试图从浏览器进行HTML报告的人说，除非它们非常简单，不用担心（像其他人告诉我的那样），并使用PDF或类似的东西。

将标签标签包装在表单项上还是在HTML中使用“for”属性更好？: 我知道你可以同时使用，但使用一个更好？如果是这样，为什么？ “for”属性的例子： <input type="text" id="male"><label for="male">Male</label> 换行示例： <label>Age:<input type="text"></label>

如何迭代HTML元素中的所有属性？: 我需要JavaScript代码遍历HTML元素中的填充属性。这Element.attributes ref说我可以通过索引访问它，但没有指定是否得到很好的支持，可以使用（跨浏览器）。或者其他方式？（不使用任何框架，如jQuery / Prototype）

包括一个与knitr交互的3Dgraphics: 使用knitr ，可以在Rmarkdown源文件的html文档中embedded一个rgl 3Dgraphics： “`{r setup} library(rgl) knit_hooks$set(rgl = hook_rgl) x <- sort(rnorm(1000)) y <- rnorm(1000) z <- rnorm(1000) + atan2(x,y) “` “`{r, rgl=TRUE} plot3d(x, y, z, col=rainbow(1000)) “` 但是3Dgraphics在html文档中不是交互式的。是否有可能获得交互式3Dgraphics？ rgl包的writeWebGL()函数创build一个交互式3Dgraphics的html文件，有没有办法直接包含这个html代码与Rmarkdown？否则，如何手动包含这个HTML代码？ 2013年6月24日更新以下是一个今天无法使用的示例（3Dgraphics不会显示在Chrome中）： Rmd源文件，这是非常基本的： “`{r setup} library(rgl) knit_hooks$set(webgl = hook_webgl) “` “`{r, webgl=TRUE} M <- rbind( c(0,0,0), c(-1,4,0), c(4,9,0), c(6,3,0) ) points3d(M,col='red') “` […]

如何缩放，使容器也增长和占用空间: 所以我有一个容器，我想要扩大和缩小（放大和缩小），但也有扩大/缩小的forms占用空间，而不是重叠其他的东西。更新有一个图像，有absolute div放置在坐标，他们必须保持其上下相对位置（因此为什么我使用规模）。 var b = document.getElementById("outer"); var scale = 1; function increase() { scale += 0.1 b.style.transform = `scale(${scale})`; } function decrease() { scale -= 0.1 b.style.transform = `scale(${scale})`; } #outer { overflow-x: auto position: relative; transform-origin: left top; } .pointer { width: 20px; height: 20px; background-color: orange; position: absolute; } #a1 { […]

CSS水平表单元格间距：怎么样？: 希望这是一个容易的，但我还没有find一个解决scheme。我想在桌子上的列之间放置空间。例 | Cell |<- space ->| Cell |<- space ->| Cell | 重要的一点是，我不想在边缘空间。有一个border-spacing属性，但在IE（6或7）中不支持，所以不好。它也把空间放在边缘。我提出的最好的方法是在我的表格单元格上加上padded-right：10px，然后向最后一个单元格添加一个类以删除填充。这是不太理想的，因为额外的空间是不在其外的单元的一部分。我想你可以用透明的边框做同样的事情？我也尝试使用jQuery： $(function() { $("table > tbody > tr:not(:last-child").addClass("right-padding"); }); 但是即使在只有〜100行的桌子上，在某些情况下也需要200-400毫秒，这太慢了。任何帮助赞赏。谢谢对于那些build议列他们不工作。尝试这个： <html> <head> <title>Layout</title> <style type="text/css"> table { border: 1px solid black; } td { background: yellow; } </style> </head> <body> <table> […]

什么是和用于: 在URL下面的行为有什么区别吗？我不知道为什么& 插入，它有什么区别？ www.testurl.com/test?param1=test&current=true 与 www.testurl.com/test?param1=test&current=true

validation本地机器上的HTML: 我目前正在学习HTML和Java EE Servlet编程。我有一台运行在本地机器（Orion Application Server）上的应用程序服务器，并使用运行在同一台机器上的浏览器连接到我在此服务器上部署的网页，直接导向到http：//localhost/mypage.htm （例如）。我知道W3C有一个网站，你可以去validation一个HTML页面（并计算给定的DOCTYPEfind了多less错误），但这必须是一个公开的URL。你如何validation上面描述的本地运行的设置的HTML？