Articles of CSS

更less的CSS通过ruby胜7 – 版本大于1.2.21?

有没有办法通过Windows上的Ruby获得任何的2.x版本? 我testing了通过gem list –remote –all less所有列出的所有版本 问题是我只能安装1.2.21版本,不支持&lessselect器。 所以我必须这样做 div { border: red; } div.blue { border: blue; } 代替 div { border: red; &.blue { border: blue; } } 这是很烦人的… 任何帮助不胜感激。 问候, 下午

在Windows上的CSS目标铬

无论如何,目标铬在Windows上? 我正在寻找这样做,因为边界半径渲染的差异。 在osx上的Chrome似乎工作正常,只有在Windows上的Chrome有问题。 谢谢。

jQuery手机,将样式应用于Windows Phone上的dynamic内容(芒果)

我dynamic地添加内容(使用AJAX)到我的网页。 这工作正常,除了样式,这是不会自动应用。 修复这个是使用.trigger("create"); (例如$('#content').html(data).trigger("create") )。 这在webkit,FF和IE(在PC上)上工作,在Windows Phone的IE上它拒绝工作。 内容显示,但没有任何(jQuery的移动)样式。 我尝试使用.page或使用append而不是'html'来添加内容,但似乎没有任何工作。

.less无法在Windows服务器上工作?

我有一个由Windows服务器托pipe的网站,我通常使用Linux服务器,而在我的网站上我使用的是.less而不是普通的.css。 现在的问题是在Windows服务器上,当我加载一个页面,无法find我的目录。 该文件是在正确的位置,如果我重命名为style.css和更改调用less,它需要的CSS。 在Windows服务器上有没有不兼容? 我从来没有遇到这个问题。为什么在Windows服务器.less不起作用? 我必须改变我的代码中的东西? 我不能改变服务器的东西,因为不是我的是阿鲁巴的服务器。 <link rel="stylesheet/less" href="css/styles.less" type="text/css" /> <script type="text/javascript" src="js/jquery/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="js/less-1.3.0.min.js"></script>

在SharePoint的顶级菜单导航

我根本没有sharepoint的经验,但已经被客户要求做他们的分享站点的品牌devise。 我有一个关于顶部导航的问题,看起来像这样: Home | Staff | IT | Organization 在fx IT上有这样的子项目 Manuals Protocols 在像suckerfish这样的下拉菜单中 有三个办公室页面的主要入口页面 在树形视图中,它将如下所示: Main – Office 1 – Staff – IT – Manuals – Protocols – Organization – Office 2 – Staff – IT – Manuals – Protocols – Organization – Office 3 – Staff – IT – Manuals – Protocols – […]

TD边界不能正确地使用Firefox

在向Firefox dev团队报告错误之前,最好检查一下是否是代码问题。这是一个小table css风格的小提琴 。 CSS非常简单: table { border-collapse: collapse; font-size: 1em; } th { background-color: #a0a0d8; font-weight: bold; width: 20em; } th, td { border: 1px solid #8080b8; padding: 2px; } 可悲的是, 没有任何缩放 ,我得到了不规则的边界显示 。 我犯了一些错误,还是应该报告的问题(没有find关于缩放的报告)? 注意:向前或向后缩放会获得一些系数的边界。 编辑 :这里是HTML请求: <div class="content"> <table id="groups"> <thead> <tr> <th class="groupes">Groupes</th> <th class="action add" title="Ajouter un nouveau groupe">+</th> </tr> […]

在Windows和OS X浏览器中呈现不同的图像

我发现我的html文档中的特定图像在任何Windows浏览器中都以紫色边框呈现,但在OS X浏览器中完美呈现。 代码如下: <div class="outer-container"> <div class="header-container"> <div class="logo"><a href='/'><img src="images/logo.png" alt="" /></a></div> </div> </div> CSS .outer-container{ width:900px; margin:0 auto; } .header-container{ display:block; float:left; width:900px; height:110px; } .logo{ display:block; float:left; padding-top:12px; } 任何想法,为什么Windows可能会使用边界呈现它,而OS X完美吗? 谢谢!

在Windows上,CSS显示与Mac不同

当我在Windows中查看网站时,网站的大部分内容(如顶部文本,右侧联系人详细信息,导航文本和欢迎文字)都会比在Mac上显示得更低。 Mac浏览器显示CSS应该是。 请帮我… Mac截图 Windows截图 HTML <body> <div id="wholepage"> <header> <div id="nav_top"> <nav> <h1 class="slogan">Steel & Fabrication Specialists</h1> </nav> </div> <a href="index.html"><img class="kks_logo" src="KKSLogo.png" border="0" alt="KKS Services Ltd logo"></a> <h1 class="logo">KKS</h1> <h2 class="logosub">Services Ltd</h2> <h3 class="head_contact">0113 2826946</h3> <h3 class="head_contact"><a href="contact.html">enquiries@kksservices.co.uk</a></h3> <nav id="main_nav"> <ul id="nav_main"> <li><a class="current_index" href="index.html">HOME</a></li> <li><a class="domestic" href="domestic.html">DOMESTIC</a></li> <li><a class="automation" href="automation.html">AUTOMATION</a></li> <li><a class="commercial" […]

隐藏仅在Windows上显示的无用滚动条

我的导航栏中有一个显示通知列表的引导下拉菜单。 这是相当标准的代码,除了我设置max-height: 300px; 和overflow-y: scroll; 在ul元素上。 在Chrome或Firefox中的Mac上查看时,在高度达到300像素以上时滚动条不存在,并且ul溢出滚动。 不过,在Windows(Chrome或IE)中,垂直滚动条总是存在,这真的很烦人。 有什么办法可以closuresWindows上的滚动条或隐藏它,直到它真正需要? 这里是下拉菜单的代码: <li class="dropdown notifier"> <div class="dropdown-toggle" style="width:initial;"> <div class="dropdown-link nav-dropdown-link" id="dropdownMenuNotifications" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa" ng-class="unreadNotices > 0 ? 'fa-bell-o red' : 'fa-bell-o'" style="position:absolute;right:5px;"></i>&nbsp; <div class="counter" ng-if="unreadNotices > 0">{{unreadNotices}}</div> </div> <ul class="dropdown-items dropdown-menu account" aria-labelledby="dropdownMenuNotifications"> <li> <a href="#" class="title"><span>Notifications</span></a> </li> <li ng-if="notices.length === 0"> <a […]

Windows和Mac之间的CSS拼写差异的最佳解决scheme是什么?

我想知道的CSS差异是排版的位置和大小,有时它不匹配Windows和Mac之间。 我正在寻找最好的解决scheme来解决它,它将匹配Windows和Mac之间的打字错误。 提前致谢!