Questions tagged «css»

我的问题与此类似： ASP.NET MVC 4缩小和背景图片 除非我愿意，否则我会坚持使用MVC的捆绑软件。我脑部崩溃，试图弄清楚指定样式束（例如独立的CSS和jQuery UI等图像集）的正确模式是什么。 我有一个典型的MVC站点结构，/Content/css/其中包含我的基本CSS，例如styles.css。在该css文件夹中，我还有子文件夹，例如/jquery-ui包含其CSS文件和一个/images文件夹的子文件夹。jQuery UI CSS中的图像路径是相对于该文件夹的，我不想弄乱它们。 据我了解，当我指定a时，StyleBundle我需要指定一个虚拟路径，该路径也与真实内容路径不匹配，因为（假设我忽略了通往Content的路由）IIS将尝试将该路径解析为物理文件。所以我指定： bundles.Add(new StyleBundle("~/Content/styles/jquery-ui") .Include("~/Content/css/jquery-ui/*.css")); 使用以下方式呈现： @Styles.Render("~/Content/styles/jquery-ui") 我可以看到请求发送到： http://localhost/MySite/Content/styles/jquery-ui?v=nL_6HPFtzoqrts9nwrtjq0VQFYnhMjY5EopXsK8cxmg1 这将返回正确的，缩小的CSS响应。但是随后浏览器发送一个请求，要求一个相对链接的图像，如下所示： http://localhost/MySite/Content/styles/images/ui-bg_highlight-soft_100_eeeeee_1x100.png 这是一个404。 我知道我URL的最后一部分jquery-ui是无扩展名URL，这是我的包的处理程序，因此我可以看到为什么对图像的相对请求很简单/styles/images/。 所以我的问题是处理这种情况的正确方法是什么？

293 css  jquery-ui  asp.net-mvc-4  bundle  asp.net-optimization 

我需要将横幅图片动态加载到HTML5应用中，并且需要几个不同的版本以适合屏幕宽度。我无法正确确定手机的屏幕宽度，因此我想到的唯一方法是添加div的背景图像，并使用@media确定屏幕宽度并显示正确的图像。 例如： <span style="background-image:particular_ad.png; @media (max-width:300px){background-image:particular_ad_small.png;}"></span> 这可能吗，或者有人有其他建议吗？

293 html  css  media-queries 

我有一个简单的2列布局，带有页脚，可清除标记中的右和左div。我的问题是我无法在所有浏览器中都将页脚停留在页面底部。如果内容将页脚放下，它会起作用，但并非总是如此。

291 css  html  footer  sticky-footer 

我试图自定义打印CSS，并发现它会打印出带有href值和链接的链接。 这是在Chrome中。 对于此HTML： <a href="http://www.google.com">Google</a> 它打印： Google (http://www.google.com) 我希望它打印： Google

290 css  printing  hyperlink  print-css 

按照目前的情况，这个问题不适合我们的问答形式。我们希望答案会得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意测验或进一步的讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心以获取指导。 8年前关闭。 对CSS缩小器有什么建议吗？ 我将扎根Google并尝试一些方法，但是我怀疑聪明，精通和好奇的StackOverflow社区可能已经评估了重量级的优缺点。

289 css  minify 

我正在使用jQuery SVG。我无法向对象添加或删除类。有人知道我的错误吗？ SVG： <rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" /> 不会添加该类的jQuery： $(".jimmy").click(function() { $(this).addClass("clicked"); }); 我知道SVG和jQuery可以正常工作，因为我可以定位对象并在单击对象时发出警报： $(".jimmy").click(function() { alert('Handler for .click() called.'); });

288 javascript  jquery  css  svg  jquery-svg 

基本上，我想知道@import将样式表导入到现有样式表中而不是仅添加另一个样式表的优点/目的是什么？ <link rel="stylesheet" type="text/css" href="" /> 到文件头？

288 html  css 

目前，我有以下代码： @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .waitingForConnection { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; } 它闪烁，但仅在“一个方向”闪烁。我的意思是，它只会淡出，然后以出现opacity: 1.0，然后再次淡出，再次出现，依此类推... 我希望它逐渐消失，然后从此渐隐“提升”到opacity: 1.0。那可能吗？

287 html  css  css-animations  opacity 

我需要使按钮看起来像使用CSS的链接。所做的更改已完成，但是当我单击它时，它似乎显示为已按下按钮。任何想法如何删除它，以便即使单击该按钮也可以用作链接？

287 css  button  hyperlink 

RGBA是非常有趣的，所以是-webkit-gradient，-moz-gradient和呃... progid:DXImageTransform.Microsoft.gradient...是啊。:) 有没有一种方法可以将RGBA和渐变这两者结合起来，以便使用当前/最新的CSS规范可以实现alpha透明度的渐变。

286 css  gradient 

我正在尝试在中间添加一些文本的水平尺。例如： -----------------------------------我的头衔------------ ----------------- 有没有办法在CSS中做到这一点？没有所有“-”的破折号很明显。

286 html  css  cross-browser 

我在我的盒子中使用虚线样式边框 .box { width: 300px; height: 200px; border: dotted 1px #f00; float: left; } 我想增加边框的每个点之间的空间。

286 html  css  border 

background-color悬停菜单项时，我尝试使用过渡效果，但是它不起作用。这是我的CSS代码： #content #nav a:hover { color: black; background-color: #AD310B; /* Firefox */ -moz-transition: all 1s ease-in; /* WebKit */ -webkit-transition: all 1s ease-in; /* Opera */ -o-transition: all 1s ease-in; /* Standard */ transition: all 1s ease-in; } 该#nav div是菜单ul项列表。

286 css 

有什么办法可以将html元素垂直或水平居中放置在主要父对象中？

285 css  twitter-bootstrap 

我有一个非常奇怪的问题……在每个浏览器和移动版本中，我都遇到以下问题： 加载页面时，所有浏览器都有一个顶部菜单（例如，显示地址栏），当您开始滚动页面时，该菜单会向上滑动。 有时仅在视口的可见部分计算100vh ，因此当浏览器栏向上滑动时100vh会增加（以像素为单位） 由于尺寸已更改，所有布局都会重新绘制和重新调整 对用户体验的不良影响 如何避免这个问题？当我第一次听说viewport-height时，我很兴奋，我以为可以将其用于固定高度块而不是使用javascript，但是现在我认为唯一的方法实际上是带有一些resize事件的javascript ... 您可以在以下示例中看到问题： 谁能帮我/建议CSS解决方案？ 简单的测试代码： 显示代码段 /* maybe i can track the issue whe it occours... */ $(function(){ var resized = -1; $(window).resize(function(){ $('#currenth').val( $('.vhbox').eq(1).height() ); if (++resized) $('#currenth').css('background:#00c'); }) .resize(); }) *{ margin:0; padding:0; } /* this is the box which should keep …

285 html  css  viewport-units