程序设计 css

15

似乎那里有几种不同的技术，所以我希望对此有一个“明确的”答案... 在网站上，通常的做法是创建一个链接到首页的徽标。我想做同样的事情，同时针对搜索引擎，屏幕阅读器，IE 6+和禁用CSS和/或图像的浏览器进行最佳优化。示例一：不使用h1标签。对SEO不好，对吗？ <div id="logo"> <a href=""> <img src="logo.png" alt="Stack Overflow" /> </a> </div> 示例二：在某处找到它。CSS似乎有点骇人听闻。 <h1 id="logo"> <a href="">Stack Overflow</a> </h1> /* css */ #logo { padding: 70px 0 0 0; overflow: hidden; background-image: url("logo.png"); background-repeat: no-repeat; height: 0px !important; height /**/:70px; } 示例三：相同的HTML，使用text-indent的不同方法。这是图像替换的“ Phark”方法。 <h1 id="logo"> <a href="">Stack …

240 css xhtml image seo

14

是否有相当于background-size的尺寸：cover和contains的图像元素？

Наэтотвопросестьответына 堆栈溢出нарусском：Естьлианалог背景大小：盖дляIMG？我有一个包含许多页面和不同背景图片的网站，并且从CSS中显示它们，例如： body.page-8 { background: url("../img/pic.jpg") no-repeat scroll center top #000; background-size: cover; } 但是，我想使用<img>元素在一页上显示不同的（全屏）图片，并且我希望它们具有与上述background-image: cover;属性相同的属性（图像不能从CSS中显示，它们必须从HTML文档中显示）。通常我使用： div.mydiv img { width: 100%; } 要么： div.mydiv img { width: auto; } 使图片饱满且反应灵敏。但是，width: 100%当屏幕太窄时，图片会缩小太多（），并在底部屏幕上显示主体的背景色。另一种方法width: auto;只能使图像变大，而不响应屏幕大小。有没有一种显示图像的方法background-size: cover呢？

240 html image css

6

使用jQuery检查元素是否为“ display：none”或单击是否阻塞

我想检查和排序隐藏的元素。是否可以找到具有属性display和值的所有元素none？

239 jquery css

7

如何使Glyphicons更大？（更改大小？）

我想将球形glyphicon增大，使其覆盖页面的很大一部分（这是矢量图像）。它不在按钮或其他任何东西中；只是一个人。有没有办法做到这一点？ <div class = "jumbotron"> <span class="glyphicon glyphicon-globe"></span> </div>

239 html css twitter-bootstrap glyphicons

8

为什么将内联块元素向下推？

以下是我的代码，我想了解为什么 #firstDiv被所有浏览器向下推。我真的很想了解以下事实的内部运作原理：为什么将其向下而不是以一种或另一种方式向上拉。（而且我知道如何对齐它们的顶部：））而且我知道它的overflow：hidden是导致它的原因，但不确定为什么将div向下推。 body { width: 350px; margin: 0px auto; } #container { border: 15px solid orange; } #firstDiv { border: 10px solid brown; display: inline-block; width: 70px; overflow: hidden; } #secondDiv { border: 10px solid skyblue; float: left; width: 70px; } #thirdDiv { display: inline-block; border: 5px solid yellowgreen; …

238 overflow css

12

有关调试打印样式表的建议？

我最近一直在为网站设计打印样式表，但我意识到我对有效的调整方法一无所知。具有重新加载周期以处理屏幕上的布局是一回事：更改密码命令标签重装但是当您尝试打印时，整个过程变得更加艰巨：更改密码命令标签重装打印斜视打印预览图像在预览中打开PDF以进行进一步检查我这里缺少工具吗？WebKit的检查器是否具有“假装此页面媒体”复选框？Firebug（颤抖）能做些魔术吗？

238 css printing firebug google-chrome-devtools web-inspector

17

全屏iframe，高度为100％

所有浏览器均支持iframe height = 100％吗？我使用doctype作为： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 在我的iframe代码中，如果我说： <iframe src="xyz.pdf" width="100%" height="100%" /> 我的意思是，它实际上会占用其余页面的高度吗（因为顶部还有另一个固定高度为50px的框架），所有主流浏览器（IE / Firefox / Safari）都支持吗？关于滚动条，即使我说了scrolling="no"，我也可以在Firefox中看到禁用的滚动条...如何完全隐藏滚动条并自动设置iframe高度？

238 javascript html css iframe html-frames

17

如何缩放iframe的内容？

如何在网站页面中缩放iframe的内容（在我的示例中是HTML页面，而不是弹出窗口）？例如，我想以80％的原始大小显示iframe中显示的内容。

237 html css dom

8

如何将边距或填充设置为父容器的高度百分比？

我一直在绞尽脑汁使用以下命令在CSS中创建垂直对齐方式 .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; }  <div class="base"> <div class="vert-align"> Content Here </div> </div> 运行代码段隐藏结果展开摘要尽管这似乎适用于这种情况，但令我感到惊讶的是，当我增加或减小基本div的宽度时，垂直对齐方式会对齐。我期望当我设置padding-top属性时，会将填充值作为父容器高度的百分比（在我们的示例中为基数），但是上述50％的值是按宽度。:( 有没有一种方法可以将填充和/或边距设置为高度的百分比，而无需使用JavaScript？

236 html css vertical-alignment

9

如何在多行flexbox布局中指定换行符？

Наэтотвопросестьответына 堆栈溢出нарусском：Flexbox的项目- переноснановуюстроку 有没有办法在多行flexbox中进行换行？例如，在此CodePen中的每个第三项之后中断。 .container { background: tomato; display: flex; flex-flow: row wrap; align-content: space-between; justify-content: space-between; } .item { width: 100px; height: 100px; background: gold; border: 1px solid black; font-size: 30px; line-height: 100px; text-align: center; margin: 10px; } .item:nth-child(3n) { background: silver; } <div class="container"> <div class="item">1</div> <div …

236 html css flexbox

7

引用url（）的值真的有必要吗？

我应该在样式表中使用以下哪项？ /* Example #1: */ background-image: url(image.png); /* Example #2: */ background-image: url("image.png"); /* Example #3: */ background-image: url('image.png'); W3C指定什么是正确的方法？

235 css w3c

3

sass --watch自动缩小？

有没有一种运行方法： sass --watch a.scss:a.css 但是a.css最终被缩小了吗？如何在编译样式表时避免运行单独的缩小步骤？

235 css sass minify

21

如何使用Twitter Bootstrap隐藏元素并使用jQuery显示元素？

假设我创建了这样的HTML元素， <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> 如何显示和隐藏jQuery / Javascript中的HTML元素。 JavaScript： $(function(){ $("#my-div").show(); }); 结果：（使用任何这些）。我希望隐藏以上元素。使用Bootstrap隐藏元素并使用jQuery显示元素的最简单方法是什么？

235 javascript jquery html css twitter-bootstrap

10

如何删除html超链接“ a”标签的默认链接颜色？

默认链接颜色为蓝色。如何删除html超链接标签的默认链接颜色<a>？

235 html css anchor html-helper

14

可以使用CSS来镜像/翻转文本吗？

是否可以使用CSS / CSS3来镜像文本？具体来说，我有这个剪刀字符“✂”（&#9986;），我想显示为左指向右。

235 html css

Questions tagged «css»