Tag: html

样式inputtypes文件？

是否可以设置types文件的input元素，而不必担心浏览器的兼容性？ 在我的情况下，我需要实现一个背景图像和圆形边框（1px），如果可能的话，button也应该自定义。

当ios 7虚拟键盘存在时，Div元素不会停留在底部

我有一个div元素的问题，坚持我的web应用程序的底部，当按下一个文本框后出现ios 7虚拟键盘。 我有这个div元素： …. <div id="footer" style="text-align:center"> <div id="idName"><img alt="SomeName" src="images/logo.png" /></div> </div> </form> </body> 它使用这种风格 #footer{ color:#CCC; height: 48px; position:fixed; z-index:5; bottom:0px; width:100%; padding-left:2px; padding-right:2px; padding:0; border-top:1px solid #444; background:#222; /* Old browsers */ background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222)); background: -moz-linear-gradient(top, #999, #666 2%, #222); /* FF3.6+ */ […]

把你的favicon.ico文件放在非根path中是个好主意吗？

何时以及如何浏览器请求favicon.ico文件？ 他们是否总是以root身份进行检查，或者他们是否首先阅读网页的内容以查看页面是否指定了位置？ 我在/ images中有我的favicon.icopath每个页面都有以下标签： <link rel="shortcut icon" href="images/favicon.ico"> 当我在我的浏览器中加载页面，似乎工作（我可以看到该文件），但我不知道他们是否对我的根文件夹第一（不存在的地方），这是不好的请求，稍后向链接提出请求。 我想通过浏览器对我的网站进行不正确的调用来最小化404和浪费的带宽。 编辑：我正在寻找一些如何浏览器工作的见解，并要求这个文件，所以我的网站结构是有效的。

为什么伪元素上的filter渐变在IE8中不起作用？

我想创build这样的button： 在现代浏览器中，使用插入框阴影和filter创build效果。 对于IE8 – select伪元素。 对于IE7 – 我使用包装在条件注释中的特殊标签。 演示： （ http://jsfiddle.net/8M5Tt/68/ ） /** * Button w/o images */ html { font-size: 62.5%; } body { font: normal 1em/1em Arial, Tahoma, Verdana, sans-serif; } /* layout */ .btn { display: inline-block; height: 28px; border-width: 1px; border-style: solid; width: 170px; box-sizing: content-box; overflow: hidden; position: relative; z-index: […]

什么是从正常stream程中获取元素的CSS属性？

什么是从正常stream程中获取元素的CSS属性？ 这些属性将是浮动的，位置：绝对等 这个问题涉及正常stream量的所有可能的变化。

在Python中生成HTML文档

在python中，生成HTML文档的最优雅的方法是什么？ 我目前手动将所有的标签附加到一个巨大的string，并将其写入一个文件。 有没有更好的方法来做到这一点？

将“canvas”图像数据上传到服务器

我需要将canvas图像数据上传到服务器（数据库），即我需要创build一个表单和一个input=文件，并发布图像数据没有任何用户交互。

我应该使用哪些微博数据进行博客？

博客基本上是一个页面，列出了10篇文章的摘要，每个项目标题链接到整个文章页面。 我见过： http://schema.org/Blog http://schema.org/Article （或者http://schema.org/BlogPosting ？） 我在哪里使用这些？ 现在在个人文章页面我有： <article itemscope itemtype="http://schema.org/Article"> <h1 itemprop="name"> <a href="…"> A title… </a> </h1> <div itemprop="articleBody"> bla bla </div> … </article> 没关系，我猜，但我在文章索引页面上做了什么？ 我是否将这些添加到每篇文章，并将itemscope itemtype="http://schema.org/Blog" itemprop="blogPosts"到所有文章的容器元素？ 因为在文档中不会出现文章是博客的孩子…

Chrome重绘问题

我在Chrome中遇到了一个奇怪的重绘问题： 看到破碎的右侧？ 这是一个具有单个背景的div 。 HTML <div id="resultsSortFilter> <!– … –> </div> CSS #resultsSortFilter { float: left; width: 712px; height: 109px; margin: 7px 0 0 8px; background: url('..http://img.dovov.comsearch_sortfilter_bg.png') no-repeat; } 在任何其他浏览器没有问题 只发生在新版本，我们阻止了更新，以防止这种内部导致的问题。 似乎是在渲染完成之前通过上下滚动触发的。 同一问题在多个网站上 有没有人看过这个？ 有谁知道是什么原因造成的，或者Chrome想要做什么？ Chrome版本26.0.1410.64 m 更新 这个问题在Windows和Mac OS上。 事实上在Mac上似乎更糟糕。 我可能会把它进一步固定下来。 我们在包含大量大图像的页面上看到错误。 我想知道这是否与Chrome浏览器必须下载的数据大小有关？ 这似乎使问题消失（不打算称之为修复）： “这可能是因为更新版本的Chrome根本不喜欢你的GPU，我遇到了类似于你的问题，并通过closures合成和3D加速function解决了这个问题。 在地址栏中inputchrome：//标志并设置以下项目： 所有页面上的GPU合成：已禁用（下拉菜单中有三个选项）。 禁用加速2Dcanvas：启用（点击“启用”链接，该框将变成白色。） 禁用加速CSSanimation：启用（如上所述，该项目将变成白色。） 然后点击页面底部显示的button立即重新启动以重新启动浏览器并testing它是否工作。 从https://askubuntu.com/questions/167140/google-chrome-with-strange-behavior 更新 这个问题似乎已经消失在更高版本的Chrome中。

如何使响应表

我有一个表格来表示我的HTML页面中的一些数据。 我试图使这个表作为响应。 我怎样才能做到这一点 ？ 这是Demo 。