Tag: html

如何在CSS中的图像上放置文本: 如何在css中将图像置于图像中间？ <div class="image"> <img src="sample.png"/> <div class="text"> <h2>Some text</h2> </div> </div> 我想做一些像下面这样的东西，但我有困难，这是我目前的CSS <style> .image { position: relative; } h2 { position: absolute; top: 200px; left: 0; width: 100%; margin: 0 auto; width: 300px; height: 50px; } </style> 当我使用背景图像时，我没有从html2pdf得到任何输出： <style> #image_container{ width: 1000px; height: 700px; background-image:url('switch.png'); } </style> <a href="prints.php">Print</a> <?php ob_start(); ?> <div id="image_container"></div> <?php […]

如何从URL中删除.html: 你有任何想法如何从静态页面的URL中删除.html。此外，我需要重定向任何网址.html到没有（即www.example.com/page.html到www.example.com/page）。

对于SVG文件，我使用<img>，<object>还是<embed>？: 我应该使用<img> ， <object>还是<embed>将SVG文件加载到页面中，方法与加载jpg ， gif或png类似？什么是每个代码，以确保它的工作尽可能好？（我看到在我的研究中引用了包含mimetype或指向备用SVG渲染器的引用，并没有看到一个好的状态的艺术参考）。假设我正在使用Modernizr检查SVG支持，并且对于不支持SVG的浏览器回退（可能是用一个简单的<img>标签进行替换）。

如何覆盖另一个div的一个div: 希望有人可以协助，但我需要协助覆盖一个单独的div在另一个div 。我的代码如下所示： <div class="navi"></div> <div id="infoi"> <img src="info_icon2.png" height="20" width="32"/> </div> 不幸的是，我不能在第一个div.navi里嵌套div#infoi或者img 。它必须是如图所示的两个单独的div ，但我需要知道如何将div#infoi放在div.navi并且放在div.navi的最右边最右侧。将不胜感激任何帮助实现这一点。

CSS否定伪类：not（）为父/祖先元素: 这使我疯狂： HTML： <div><h1>Hello World!</h1></div> CSS： *:not(div) h1 { color: #900; } 这是不是读取“选择具有祖先不是一个div元素的所有h1元素…？” 因此，“Hello World！” 不应该被染成红色，但它仍然是。对于上面的标记，添加子组合子的作品： *:not(div) > h1 { color: #900; } 但是，如果不是div元素的子元素，则不会影响h1元素。例如： <div><article><h1>Hello World!</h1></article></div> 这就是为什么我希望将h1元素指定为div元素的后代，而不是子元素。任何人？

如何将样式应用于嵌入式SVG？: 当使用<svg>标签将SVG直接包含在文档中时，可以通过文档的样式表将CSS样式应用于SVG。但是，我试图将一个样式应用于嵌入的SVG（使用<object>标签）。是否有可能使用任何东西，如下面的代码？ object svg { fill: #fff; }

如何以纯文本的形式显示HTML标签: 我在我的网站上有一个允许HTML的输入表单，我正在尝试添加有关使用HTML标记的说明。我想要的文字 <strong>Look just like this line – so then know how to type it</strong> 但是到目前为止我所得到的是：看起来就像这条线 – 然后知道如何输入它我怎样才能显示标签，让人们知道要输入什么？

身高：100％不能工作: 我想旋转木马DIV（s7）扩大到整个屏幕的高度。我不知道为什么它没有成功。要看到页面，你可以去这里。 body { height: 100%; color: #FFF; font: normal 28px/28px'HelveticaWorldRegular', Helvetica, Arial, Sans-Serif; background: #222 url('') no-repeat center center fixed; overflow: hidden; background-size: cover; margin: 0; padding: 0; } .holder { height: 100%; margin: auto; } #s7 { width: 100%; height: 100%: margin: auto; overflow: hidden; z-index: 1; } #s7 #posts { […]