Tag: html
创build类似于文件夹结构的博客文章链接
我目前正在创build一个博客，我想创build以下forms的个人文章的链接： http://www.mysite.com/health/2013/08/25/some-random-title —— —————– | | category title 但是我不知道如何做到这一点。 我find了一些能够给我的URI。 $uri = $_SERVER["REQUEST_URI"]; 然后，我会继续提取所需的部分，并针对数据库提出请求。 这似乎是一个非常非常愚蠢的问题，但我不知道如何在谷歌上查看（我试过…），但我到底怎么处理链接呢？ 我试图一步一步解释： 用户点击文章标题 – >页面重新加载新的uri – >我应该在哪里处理这个新的uri，以及如何？ 如果请求path如下所示： index.php?title=some-random-article-title 我会做index.php中的读取$ _GET数组，并相应地处理它。 但是，在这个问题开始的时候，我怎么用这个build议的结构呢？
我的@media查询不适用于移动设备
我试图让一个容器，每行包含五个图像来改变它的宽度的大小，如果浏览器宽度小于五个图像，包括边距等。 我已经添加了下面的媒体查询，并且在桌面计算机上浏览时（浏览器的宽度小于1080像素），所有这些都可以正常工作…容器更改宽度，内容居中。 但是，在移动设备（iPhone 4和S4）上浏览时不起作用。 思考？ CSS .main-width { margin: 20px auto; max-width: 1080px; min-width: 960px; } @media screen and (max-width: 1080px) { .main-width { max-width: 870px !important; min-width: 870px !important; } }
如果select器不匹配，如何运行CSS3animation到最后？
我一直认为CSS3animation（不同于CSS3转换） 一旦开始，总是完成作业 ，不pipeselect器是否不再匹配激活它们的元素。 我今天意识到我可能是错的。 在下面的例子中，animation是由:focus和:active伪类触发的。 关注第一个文本框： 如果您慢慢按下Tab键，您将看到正确的animation开始和结束; 如果您快速按下Tab键，您将看到一旦新元素获得焦点，旧元素的animation立即结束并消失。 @-webkit-keyframes pressed { 0%, 100% { transform : scale(1); } 50% { transform : scale(2); } } @keyframes pressed { 0%, 100% { transform : scale(1); } 50% { transform : scale(2); } } a:focus, a:active { -webkit-animation : pressed 2s; animation : pressed 2s; } a, […]
使用JavaScript更改IE中的<input>types
该线 <input type="text" name="passwordLogin" value="Password" onfocus="if(this.value=='Password'){this.value=''; this.type='password'};" onblur="if(this.value==''){this.value='Password'; this.type='text'};" size="25" /> 适用于除IE以外的所有网页浏览器…我如何解决它的IE浏览器？ 确定做了一些更改仍然有错误 我希望它像这样工作 <input type="text" name="usernameLogin" value="Email" onfocus="if(this.value=='Email'){this.value=''};" onblur="if(this.value==''){this.value='Email'};" size="25" /> 如果我不input任何东西，它会把价值放回去 所以我试了一下 <td colspan="2" id="passwordLoginTd"> <input id="passwordLoginInput1" type="text" name="passwordLogin" value="Password" onfocus="passwordFocus()" size="25" /> <input id="passwordLoginInput2" style="display: none;" type="password" name="passwordLogin" value="" onblur="passwordBlur()" size="25" /> </td> <script type="text/javascript"> //<![CDATA[ passwordElement1 = document.getElementById('passwordLoginInput1'); passwordElement2 = document.getElementById('passwordLoginInput2'); […]
名为`animate`的JS函数在Chrome中不起作用，但在IE中起作用
这将无法正常工作，没有任何反应。 我如何使它工作，我做错了什么？ function animate() { var div = document.getElementById('demo'); div.style.left = "200px"; div.style.color = "red"; } #demo { position: absolute; } <p id='demo' onclick="animate()">lolol</p>
为什么一个杂散的结束标记会生成一个空的段落？
显然，如果在body元素中有一个没有匹配开始标记的</p>结束标记，大多数（如果不是所有的话）浏览器都会在它的位置生成一个空的段落： <!DOCTYPE html> <title></title> <body> </p> </body> 即使在结束标记周围存在任何文本，也不会将其作为此p元素的一部分 – 它将始终为空，并且文本节点将始终独立存在： <!DOCTYPE html> <title></title> <body> some text</p>more text </body> 如果body的上述内容被包裹在<p>和</p>标记中，我会留给你猜测会发生什么： <!DOCTYPE html> <title></title> <body> <p>some text</p>more text</p> </body> 有趣的是，如果</p>标签前面没有<body>或</body>标签，除了IE9和更老版本的浏览器都不会生成空白段落（IE≤9则始终创build一个） IE10和更高版本的行为与所有其他浏览器相同）： <!DOCTYPE html> <title></title> </p> <!DOCTYPE html> <title></title> </p><body> <!DOCTYPE html> <title></title> </p></body> 我找不到任何引用规定，没有相应的开始标签的结束标签应该生成一个空的元素，但不应该让人感到意外，因为它甚至不是有效的HTML。 事实上，我只find浏览器用p元素（以及某种程度上也是br元素）来做到这一点，但是为什么没有任何解释。 在使用传统的HTMLparsing器和HTML5parsing器的浏览器中，它是相当一致的，不过，在怪癖模式和标准模式下都适用。 所以，这可能是公平的，这是为了向后兼容早期规范或传统行为。 事实上，我的确发现了这个评论的答案， 这个问题基本上证实了这个问题： 为什么<p>标签有效的原因是原来的<p>被定义为“新的段落”标记，而不是p是一个容器元素。 相当于成为“新线”的标志。 你可以从1992年的这个文档中看到： http：//www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html和1993年的这个： http：//www.w3。 org / MarkUp […]
PHP POST不工作
<?php echo $_POST['ss'];?> <form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post"> <input name="ss" type="text" /> <input type="submit" name="submit"> </form> 点击提交时，这个代码应该打印文本框中input的任何名称=“ss”。 但它不打印。 使用方法=“获得”，但没有后，这是什么问题。
Div Z-Index问题与Flash电影
我有两个简单的HTML div一个包含Flash电影和另一个div包含简单的文本现在我的问题是，我必须把文本的div到Flash电影div我在做什么是设置的div在绝对CSS的位置和设置Z-Index的Flash电影div到1和Z-Index的文本div到2，但是文本都是在电影背后的每一个情况下，但我必须把文本放到电影上，请帮助我在这方面让我的文本可能出现到闪光电影。 提前致谢。
标题的底部边框小于宽度
我需要用小于h2标题宽度的下边框创build下划线效果 。 通常我不上传图片，但我认为这可能有助于进一步解释这个问题：
焦点在IE中不起作用
我有以下function function change() { var input = document.getElementById('pas'); var input2 = input.cloneNode(false); input2.type = 'password'; input.parentNode.replaceChild(input2,input); input2.focus(); } 但focus()在ie7中不起作用，所以我能做些什么！ 我想要在input的光标！ 谢谢 更新 伟大的解决scheme，谢谢，但现在它不能在歌剧:(
