草庐IT

scrape-it

全部标签

HTML/CSS : Why is body not stretching to its contents?

以这个简单的例子为例并打开它:Demo页面的制作使得主体有一个顶部居中的背景图片和一个溢出窗口边界的包含元素,所以有水平滚动(如果你的显示器宽度超过8000px那么你真的很酷,请制作窗口变小并刷新)。问题是由于某种原因不会拉伸(stretch)以包含.它只是保持与视口(viewport)和相同的宽度。溢出它。这反过来会导致背景在错误的位置居中并将其裁剪为视口(viewport)的大小。向右滚动时非常难看。我已经找到了这个问题的解决方案,但我想知道为什么会这样?它似乎也跨浏览器一致。但在我看来,这是非常违反直觉的,而且基本上是错误。容器元素应该足够大以包含它的子元素-当然除非它们是绝对定

html - 当我使用位置 :absolute in child block it does not refer parent block?

这个问题在这里已经有了答案:Positionabsolutebutrelativetoparent(5个答案)关闭9年前。在HTML中,当您在子block中使用position:absolutecss属性时,绝对值不是从父标记中获取的,而是从整个浏览器窗口引用的。示例代码如下所示。CSS.parent{width:400px;height:400px;border:1pxsolidgreen;}.child{position:absolute;width:200px;height:200px;border:1pxsolidred;bottom:0px;}

html - CSS :not() selector not supporting complex selectors inside it

在CSS3中,:not()选择器和attributecontains选择器都可用,但混合使用时会出现问题,无法正常工作。HTML:CSS:input[type='text']:not(input[id*='Date']){display:none;}DEMO谁能告诉我这是怎么回事?注意:我们没有更改标记的特权。 最佳答案 不能在not中使用两个选择器:input[type='text']:not([id*='Date']){display:none;}选择器级别3不允许超过单个simpleselector的任何内容在:not()伪类

javascript - 文本区域 : can it detect the loss of focus

在HTML或Javascript中,是否可以检测文本区域何时失去焦点?我有一个文本区域并且在失去焦点时我想读取文本区域中的数据并检查其是否有效。也许……//orvarisTyping=false;functiononKeyUp(event){setTimeout(function(){isTyping=false;},100);setTimeout(function(){if(!isTyping)validateTextArea();},500);}functiononKeyDown(event){isTyping=true;} 最佳答案

html - 有没有一种工具可以采用适当的 HTML + CSS 并生成内联样式的 HTML?或者 : convert it to email compatible HTML

可能重复:WhattoolstoautomaticallyinlineCSSstyletocreateemailHTMLcode?作者注释:哦,是的,绝对是重复的。对不起。一般来说,HTML电子邮件不支持适当的CSS技术。但是,使用这些技术进行开发是件好事,因为它可以更快地进行更改等。(我不需要向大家推销CSS的好处!)是否有一种工具可以将可爱的HTML转换为兼容电子邮件的讨厌的HTML,其中包含从CSS文件推断并内嵌的所有样式?即使由于电子邮件客户端的众多差异而无法实现100%的兼容性,帮助该过程的工具将非常有用,即使它只是采用CSS并将其内联. 最佳答案

html - 屏幕阅读器 : How to make a word with tags surrounding its letters be spoken as a single word, 而不是一系列字母?

我的标题是这样的:Thisisatest.字母“e”周围的标签导致MacOSXVoiceover单独读取单词的各个字母,而不是整个单词。所以,它说:"Thisisatest."代替:"Thisisatest."鉴于我需要在标签*中包含一个单词的字母,我如何才能确保屏幕阅读器正常读出该单词?注意:任何标签都可以。我试过了,和它们都产生相同的效果。 最佳答案 解决此怪癖的一种方法是提供纯屏幕阅读器版本的文本以及会影响屏幕阅读器的花絮,例如:CSS片段:.offscreen{position:absolute;clip:rect(1px1

html - 你如何制作网页 "fall apart"(就像 Youtube 上的 Wario Shake it 广告)?

他们是如何制作此页面的?http://www.youtube.com/wariolandshakeit2008如果有人有关于如何做这样的事情的教程,请告诉我! 最佳答案 对我来说,整个过程就像一部Flash电影。这个URL嵌入了一个iframe:http://1q1gafmnta4fm0riakrenq213o0sa9p9.ig.gmodules.com/ig/ifr?url=http://facebook.gspsf.com/~wii/wariolandshakeit2008/gadget_files_040209/google_

html - 标记 <code> : how to "correct" publish it?

我不确定要解释我在找什么。发布代码的“源代码解析器”在HTML中的名称是什么?例如,当我在堆栈溢出中在这里编写一些源代码时,系统会自动检测语法并在html中编写“正确”的源代码。我注意到存在HTML标签,但它只是用"courier"字体编写源代码。所以我问你是否存在一些“外部”组件,给定文本,在HTML页面中正确解析它。谢谢! 最佳答案 SO使用prettify语法突出显示片段。来源:WhichtoolsandtechnologieswereusedtobuildtheTrilogy?它是一个JavaScript工具,可以扫描页面中

html - 为什么我的 :active selector lose its click event state on scale tranformation?

我为网站设计了一个按钮,并尝试在点击事件上添加transform:scale(0.95);(使用:activateCSS选择器)。a.btn,input[type="submit"].btn,label.btn,button.btn{text-transform:uppercase;border:solid1px#282828;font-size:11px;line-height:17px;}a.btn:active,input[type="submit"].btn:active,label.btn:active,button.btn:active{transform:scale(0.

javascript - HTML5 : Input field with the type of 'number' will still accept higher value than its 'max' using keyboard inputs

大家好,这里需要一些帮助。我想通过将max属性赋予它来限制在我的输入字段中输入的数字。在我使用键盘在其上输入数据之前,我对此没有任何问题。似乎max属性没有过滤来自键盘的输入。例如直到6我才能使用向上和向下箭头,但是当我使用键盘手动输入6时,它会接受它。我该如何预防?谢谢 最佳答案 您需要使用JavaScript来完成。这不会让用户输入大于5的数字:5)this.value=null;">另一种可能的解决方案是通过替换onkeyup=".."来完全阻止键盘输入。上面代码中的事件onkeydown="returnfalse".