Questions tagged «css»

假设我想使用图像修饰指向某些文件类型的链接。我可以声明我的链接为 <a href='foo.pdf' class='pdflink'>A File!</a> 然后像CSS .pdflink:after { content: url('/images/pdf.png') } 现在，这很好用，除非pdf.png不是我的链接文本的合适大小。 我希望能够告诉浏览器缩放:after图像，但是我终生无法找到正确的语法。还是像背景图片那样无法调整大小？ ETA：我倾向于a）将源图像的大小调整为服务器端的“正确”大小，和/或b）更改标记以简单地内联提供IMG标签。我试图避免这两种情况，但是它们听起来比单纯使用CSS做事更具兼容性。答案我原来的问题似乎是“你可以排序的做到这一点，有时”。

251 css  pseudo-element 

我使用bash通过bash创建了一个新的Foundation 5项目foundation new my-project。当我在Chrome中打开index.html文件时，Uncaught TypeError: a.indexOf is not a function控制台中会显示错误，该错误起源于jquery.min.js:4。 我按照基础站点上的步骤创建了项目，但是似乎无法摆脱此错误。Foundation和jQuery看起来像它们被包含并正确链接到index.html文件中，而链接的app.js文件包括$(document).foundation(); 有谁知道是什么原因导致此错误？有什么解决方案？

250 javascript  jquery  css  google-chrome  zurb-foundation 

我想将一个数字围绕在这张图片中： 这可能吗，如何实现？

250 html  css  css-shapes 

我使用nginx作为前端服务器，我修改了CSS文件，但是nginx仍在使用旧文件。 我试图重新启动nginx，但没有成功，我已经用Google搜索，但是找不到清除它的有效方法。 有些文章说我们只能删除缓存目录：var/cache/nginx，但是我的服务器上没有这样的目录。 我现在应该怎么办？

250 css  nginx  caching  server  nginx-cache 

我是Rails编程的初学者，试图在页面上显示许多图像。有些图像要放在其他图像之上。为简单起见，假设我要一个蓝色正方形，在蓝色正方形的右上角有一个红色正方形（但在角落不紧）。由于性能问题，我试图避免进行合成（使用ImageMagick等）。 我只想相对于彼此放置重叠的图像。 举一个更困难的例子，想象一下将里程表放在更大的图像中。对于六位数，我将需要合成一百万个不同的图像，或者即时进行处理，其中所需要做的就是将六个图像放置在另一个图像之上。

250 html  css  optimization  graphics 

它是否取决于您使用的平台，还是大多数开发人员建议/遵循的通用约定？ 有几种选择： id="someIdentifier"' -看起来与javascript代码非常一致。 id="some-identifier" -看起来更像html5类属性和html中的其他内容。 id="some_identifier" -看起来与ruby代码非常一致，并且仍然是Javascript中的有效标识符 我在想上面的＃1和＃3最有意义，因为它们在Javascript中的表现更好。 有正确的答案吗？

250 html  css  naming-conventions  standards 

我是HTML和CSS的新手，我只是想知道如何使用CSS使字体加粗。 我有一个纯HTML页面，可以导入CSS文件，并且可以在CSS中更改字体。但是我不知道如何使字体加粗，有人可以帮我吗？

249 css 

我需要获取处于隐藏的div内的元素的高度。现在，我显示div，获取高度，并隐藏父div。这似乎有点愚蠢。有没有更好的办法？ 我正在使用jQuery 1.4.2： $select.show(); optionHeight = $firstOption.height(); //we can only get height if its visible $select.hide();

249 javascript  jquery  html  css 

我创建了一个自定义样式表，该样式表将覆盖Wordpress模板的原始CSS。但是，在我的日历页面上，原始CSS具有!important声明的每个表格单元格的高度： td {height: 100px !important} 有什么办法可以覆盖这个吗？

249 css 

我正在h2使用Google Chrome浏览器的元素检查器检查网页上的元素，并且某些CSS规则（似乎已应用）显示为灰色。删除线似乎表明一条规则已被覆盖，但是样式变灰是什么意思？

248 css  google-chrome  browser  inspector 

我正在尝试使两列全高使用twitter bootstrap 3布局。似乎twitter bootstrap 3不支持全高布局。我想做的事： +-------------------------------------------------+ | Header | +------------+------------------------------------+ | | | | | | |Navigation | Content | | | | | | | | | | | | | | | | | | | +------------+------------------------------------+ 如果内容增加，则导航也应增加。 每个父母的身高100％无效，因为在某些情况下内容为一行。 绝对位置似乎是错误的方法 display: table 和 display:table-cell解决这个问题，但它是胜之不武 的HTML： <div class="container"> <div …

247 html  css  twitter-bootstrap 

我有一些琐碎的JavaScript可以实现样式更改： sel = document.getElementById('my_id'); sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected'); return false; 在最新版本的FF，Opera和IE上可以正常使用，但在最新版本的Chrome和Safari上无法使用。 它影响了两个后代，它们恰好是兄弟姐妹。第一个同级更新，但第二个不更新。第二个元素的子元素也具有焦点，并包含<a>标记，该标记在onclick属性中包含上述代码。 如果我微调（例如取消选中和选中）任何元素的任何属性，则在Chrome“开发人员工具”窗口中，第二个兄弟姐妹将更新为正确的样式。 是否有一种解决方法可以轻松地以编程方式“推动” WebKit做正确的事情？

247 css  google-chrome  safari  webkit 

我正在尝试将一个span或div元素垂直居中放置在另一个div元素中。但是当我放进去时vertical-align: middle，什么也没发生。我尝试过更改display两个元素的属性，但似乎没有任何效果。 这是我当前在网页中执行的操作： .main { height: 72px; vertical-align: middle; border: 1px solid black; padding: 2px; } .inner { vertical-align: middle; border: 1px solid red; } .second { border: 1px solid blue; } <div class="main"> <div class="inner"> This box should be centered in the larger box <div class="second">Another box in here</div> …

246 html  css 

只是想知道是否有可能以某种方式使CSS content属性插入html代码而不是字符串:before或:after类似这样的元素： .header:before{ content: '<a href="#top">Back</a>'; } 这将非常方便...可以通过Javascript完成，但是使用CSS确实可以使生活更轻松:)

246 html  css  pseudo-element  css-content 

我对Google Chrome浏览器及其表单自动填充功能存在设计问题。如果Chrome记住了一些登录名/密码，它将背景色更改为黄色。 以下是一些屏幕截图： 如何删除该背景或仅禁用此自动填充？

245 html  css  forms  google-chrome  autofill