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&#x8FD9;样的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 。