Tag: html

将固定的div设置为父容器的100％宽度: 我有一些填充包装，然后我有一个百分比宽度（40％）浮动相对股利。在浮动的相对div内，我有一个固定的div，我希望它的父母的大小相同。我知道一个固定的div从文档stream中被移除，因此忽略了包装的填充。 HTML <div id="wrapper"> <div id="wrap"> Some relative item placed item <div id="fixed"></div> </div> </div> CSS body { height: 20000px } #wrapper { padding: 10%; } #wrap { float: left; position: relative; width: 40%; background: #ccc; } #fixed { position: fixed; width: inherit; padding: 0px; height: 10px; background-color: #333; } 这是强制性的小提琴： http : […]

在Intranet中强制使用“Internet Explorer 8”浏览器模式: 在IE8中有“Internet Explorer 8”，“Internet Explorer 8兼容模式”和IE7模式。然而，在IE的默认设置使所有的内网网站使用“IE8兼容模式”，即使我已经设置DOCTYPE，meta标签，HTTP标头为build议强制进入IE8模式。我有 <！DOCTYPE HTML PUBLIC“ – // W3C // DTD HTML 4.01 Transitional // EN”“ http://www.w3.org/TR/html4/loose.dtd ”> 和 <meta http-equiv =“X-UA-Compatible”content =“IE = 8”> 但它仍然进入“IE8兼容模式”，IE设置没有任何改变。如何强制它进入纯粹的“IE8”模式，而不改变任何浏览器的设置？ PS。这里我不是在说“文件模式”。

如何创build所有移动设备的链接，打开谷歌地图与当前位置开始的路线，命运一个特定的地方？: 我宁愿这样做也不会太难找，但是出乎意料的是，像你所期望的那样，find一个很棒的跨设备文章并不容易。我想创build一个链接，打开移动设备的浏览器和冲浪谷歌地图或打开地图应用程序（苹果地图或谷歌地图），并直接启动一个路线，即：开始在当前位置，结束在给定点纬度/经度）。我可以在两个设备（除了browserstack），一个Android和一个iPhone上testing。以下链接仅适用于Android： <a href="http://maps.google.com/maps?daddr=lat,long&ll=">Take me there!</a> 点击iPhone的Chrome浏览器中的这个链接，这个奇怪的打开Google地图的桌面版本与移动应用程序上的广告… 这一个只适用于iOS，打开苹果地图要求我进入一个开始位置（我可以select“当前位置”），并开始路线=所需的行为。点击此链接在Android上完全失败： <a href="maps://maps.google.com/maps?daddr=lat,long&ll=">Take me there!</a> 注意maps：//协议。有没有一个优雅的跨设备的方式来创build这样的链接？一个适用于所有主要手机的链接？谢谢更新：find解决scheme（有点）这是我想出来的。这不像我想象的那样，虽然它工作。 var ua = navigator.userAgent.toLowerCase(), plat = navigator.platform, protocol = '', a, href; $.browser.device = ua.match(/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera/i) ? ua.match(/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera/i)[0] : false; if ($.browser.device) { switch($.browser.device) { case 'iphone': case 'ipad': case 'ipod': function iOSversion() { […]

组织Javascript库和CSS文件夹结构的最佳实践: 你如何组织你的web应用程序中的js＆css文件夹？我目前的项目结构是这样的： root/ assets/ js/ lib/ css/ img/ index.html 但是，当我使用很多JavaScript库和CSS插件时，它会更复杂。 JavaScript插件带有自己的.js文件，有时也有自己的.css文件。例如，当我使用jQuery和JQueryUI插件时，我把jquery.js和jquery-ui.js放在js / lib目录中。但是JQueryUI带有自己的css文件。我应该从哪里插入JavaScript插件的最佳做法的CSS？我应该把它们放在lib文件夹中，以区分我的css和javascript css插件吗？或者别的地方？我知道这是个人喜好，但我只是想知道你们如何组织你的项目文件夹。提前致谢：）

从超链接中删除所有样式/格式: 我正在用不同颜色的文字创build一个导航菜单（ href链接）。我想颜色不会改变任何状态（hover，访问等）。我知道如何设置不同状态的颜色，但是我想知道代码只是保留文本颜色（以及任何其他样式/格式）。有什么build议么？

HTML / CSS：让一个div“隐身”点击？: 由于各种原因，我需要在某些文本上放置（大部分）透明的<div> 。但是，这意味着文本不能被点击（例如，点击链接或select它）。是否有可能简单地使这个div“隐身”点击和其他鼠标事件？例如， overlay div覆盖文字，但我希望能够通过overlay div点击/select文本： <div id="container"> <p>Some text</p> <div id="overlay" style="position: absolute; top: 0; left: 0; width: 100%; height:100%"> … some content … </div> </div>

与thymeleaf使用data- *属性: 我可以设置数据属性与thymeleaf？正如我从thymeleaf文档中所理解的，我尝试过： <div th:data-el_id="${element.getId()}"> <!– doesn't work –> <div data-th-el_id="${element.getId()}"> <!– doesn't work –>

如何下载在线文件/文件夹列表中显示的所有文件和子目录的HTTP目录？: 有一个我可以访问的在线HTTP目录。我试图通过wget下载所有的子目录和文件。但问题是，当wget下载子目录时，它会下载包含该目录中文件列表的index.html文件，而不会自行下载文件。有没有办法下载没有深度限制的子目录和文件（就好像我要下载的目录只是一个文件夹，我想复制到我的电脑）。

使用css在单元格（td）之间添加空格: 我试图添加一个表单元格之间的空间，因为单元格的背景颜色是白色的，表格的背景颜色是蓝色的，您可以很容易地看到填充和边距不工作（我正在将其应用到td ），它只会增加单元格内的空间。

如何设置SPAN的高度属性: 我需要制作下面的代码拉伸与预定义的高度 <style> .title{ background: url(bg.gif) no-repeat bottom right; height: 25px; } </style> <span class="title">This is title</span> 但是由于span是内联元素，“height”属性将不起作用。我尝试使用div来代替，但它会扩展到上层元素的宽度。宽度应该是灵活的。任何人都可以提出任何好的解决scheme吗？提前致谢。