- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
当鼠标悬停在导航悬停按钮上时,导航悬停按钮没有完全着色。我尝试将宽度更改为 100%,我认为这会解决它,但事实并非如此。我试图寻找一些类似的问题和解决方案,但是我找到的所有解决方案都没有解决问题,所以我决定亲自询问。想法?
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Sunny Acres</title>
<script src="modernizr-1.5.js"></script>
<link href="sa_layout.css" rel="stylesheet" type="text/css" />
<link href="sa_styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
section > p:first-of-type:first-line {
text-transform: uppercase;
}
section > p:first-of-type:first-letter {
font-size:250% font-family:'Times New Roman', Times, serif;
}
</style>
</head>
<body>
<header>
<h1>
<img src="salogo.png" alt="Sunny Acres" />
</h1>
</header>
<nav>
<ul>
<li><a href="home.htm">Home</a>
</li>
<li><a href="maze.htm">Autumn Fun</a>
</li>
<li><a href="haunted.htm">Scary Good</a>
</li>
<li><a href="petting.htm">Meet the Animals</a>
</li>
<li><a href="produce.htm">For your Tastebuds</a>
</li>
</ul>
</nav>
<section>
<header>
<h1>Welcome</h1>
</header>
<img src="photo1.jpg" alt="home page photo" id="promoimage" />
<p id="firstp">There's always something happening at Sunny Acres. With the coming of fall, we're gearing up for our big AutumnFest and Farm Show. If you haven't visited our famous <a href="maze.htm">Corn Maze</a>, be sure to do so before it gets torn down on November 5. This year's maze is bigger and better than ever.</p>
<p>Farms can be educational and Sunny Acres is no exception. Schools and home-schooling parents, spend an afternoon with us at our <a href="petting.htm">Petting Barn</a>. We have over 100 friendly farm animals in a clean environment. Kids can bottle feed the baby goats, lambs, and calves while they learn about nature and the farming life. Please call ahead for large school groups.</p>
<p>When the sun goes down this time of year, we're all looking for a good fright. Sunny Acres provides that too with another year of the <a href="haunted.htm">Haunted Maze</a>. Please plan on joining us during weekends in October or on Halloween for our big Halloween Festival.</p>
<p>Of course, Sunny Acres is, above all, a <em>farm</em>. Our <a href="produce.htm">Farm Shop</a> is always open with reasonable prices on great produce. Save even more money by picking your own fruits and vegetables from our orchards and gardens.</p>
<p class="closing">We all hope to see you soon, down on the farm.
<br />— Tammy & Brent Nielsen</p>
<h2>Hours</h2>
<ul>
<li>Farm Shop: 9 am - 5 pm Mon - Fri; 9 am - 3 pm Sat</li>
<li>The Corn Maze: 11 am - 9 pm Sat; 11 am - 5 pm Sun</li>
<li>The Haunted Maze: 5 pm - 9 pm Fri & Sat</li>
<li>Petting Barn: 9 am - 4 pm Mon - Fri; 11 am - 3 pm Sat & Sun</li>
</ul>
<h2>Directions</h2>
<ul>
<li>From Council Bluffs, proceed east on I-80</li>
<li>Take Exit 38 North to the Drake Frontage Road</li>
<li>Turn right on Highway G</li>
<li>Proceed east for 2.5 miles</li>
<li>Sunny Acres is on your left; watch for the green sign</li>
</ul>
</section>
<footer> <address>
Sunny Acres ☀
Tammy & Brent Nielsen ☀
1977 Highway G ☀
Council Bluffs, IA 51503
</address>
</footer>
</body>
</html>
CSS:
@font-face {
font-family: 'NobileRegular';
src: url('nobile-webfont.eot');
src: local('☺'),
url('nobile-webfont.woff') format('woff'),
url('nobile-webfont.ttf') format('truetype'),
url('nobile-webfont.svg#webfontsKo9tqe9') format('svg');
}
/* body styles */
body {
background-color: white;
font-family: NobileRegular, Verdana, Geneva, sans-serif;
line-height: 1.4em;
}
/*heading styles */
section h1 {
background-color: rgb(125, 186, 240);
color: white;
font-size: 1.7em;
letter-spacing: 0.4em;
text-indent: 1em;
line-height: 1.8em;
}
h2{
background-color: rgb(0,154,0);
color: white;
color : rgba(255, 255, 255, 0.8);
letter-spacing: 0.4em;
text-indent: 1em;
line-height: 1.8em;
}
/* navigation styles */
nav ul {
list-style-type: none;
padding-left: 0.5em;
background-color: rgb(125,186,240);
line-height: 3.5em;
width:none;
float:none;
}
nav ul li a {
color: white;
text-decoration: none;
width:100%;
float:none;
}
nav ul li:hover {
background-color: rgb(83,142,213);
width:none;
float:none;
}
/*nav ul li:first-of-type {
text-transform: uppercase;
}
*/
/* section styles */
section p.closing {
color: rgb(0,165,0);
text-align: right;
}
section h2+ul {
list-style-image: url(arrow.png);
}
/* footer styles */
footer address {
background-color: rgb(55,102,55);
color: white;
color: rgba(255,255,255,0.8);
font: normal small-caps 0.8em/4em 'Times New Roman', Times, serif;
text-align: center;
}
最佳答案
从 <ul>
中删除填充并将其添加到 <li>
here is the fiddle
关于html - 导航悬停按钮没有完全着色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19310526/
我必须在文本区域上绘制哪些选项? 我认识一些所见即所得的编辑器。我不确定他们使用的方法是什么,并且会看看他们以了解,但我知道像 tinymce 这样的事情已经存在了一段时间,所以我猜现在可能有更现代的
我在我的 woo commerce 商店页面中创建了一个子类别排序菜单。我想将链接到我现在所在页面的链接设置为红色。我对 css 没有问题,只是用 js 脚本。我怎样才能让它突出当前?这是我创建的排序
所以我使用 TextWrangler4.5.3 并主要使用 Python 编写脚本。当我编写 Python 时,我经常喜欢发表类似这样的评论:# BEGINS foo 然后是 # ENDS foo 我
我需要你的帮助! 我有一个表格,里面有行(姓名等)现在,当位于该行上的对象具有特定值时,我想为特定的 tableCells 背景着色。但我只得到它来读取这个单元格的值。但我需要阅读对象(在我的代码中称
有人知道在 uikit 中给 uiactionsheet 着色吗? 最佳答案 是的,因为它是一个 UIView(如 kmit 所述),您可以使用以下命令:addSubview,因此您可以添加自己的背景
在 vba 中,我想从工作表中的单元格中读取颜色来为条形图中的特定条形着色。我的问题是我的颜色格式为 4F9F92,但要在 makro 中读取它,我需要使用单元格中的 excel 颜色代码 40762
我正在尝试绘制一个 geom_histogram,其中条形图由渐变着色。 这就是我想要做的: library(ggplot2) set.seed(1) df <- data.frame(id=past
我正在构建一个带有 shiny 的应用程序,并使用与 Shiny gallery ( http://shiny.rstudio.com/gallery/slider-bar-and-slider-ra
在 iOS 6 和 xcode 4 中,我有这个: https://dl.dropboxusercontent.com/u/60718318/photo.PNG使用代码可以轻松创建 [editButt
我正在向我的 iPhone UI 添加自定义按钮,并希望使它们具有 Apple 应用程序中的玻璃外观。我有一个很好的默认玻璃图像,但我不想为我想要的每种色调(红色、绿色、蓝色等)都有一个单独的图像。
我到处寻找但没有找到解决方案。我有图像 1。如何以编程方式使用渐变对它们进行着色以获得图像 2 和 3?以下是这些图像: 我通过 Photoshop 应用到它们的色调是简单的 2 色线性渐变。 我的问
有没有办法告诉 OS X 自动设置 NSToolbarItem 的样式/色调? 我通过 IB/Xcode 添加了一个“图像工具栏项”,并将图标设置为黑色 PDF as described in the
我试图区分列范围图表上的多种类型的数据。问题是我希望能够按多个标准对它们进行分组。 我可以轻松地为不同的列着色,从而解决一个问题,但我希望能够根据我传递到图表的数据,为 xAxis 上的类别(图表是倒
有人在编译模式 Emacs 中添加了对 ansi-color 的支持吗?如果是这样,颜色写入程序必须检查什么属性/属性才能确保其事件终端支持 ANSI 转义着色。 最佳答案 已经有一个函数可以将颜色应
我正在尝试实现 Phong 着色模型,但我不确定如何选择光源。更具体地说,我不明白光源应该是什么样子。它应该是vec3吗?或者也许是我在 Java 代码中定义的矩阵?另外,如果我们假设我希望相机作为光
我有 2 个 dhtmlxSidebars,就像示例中一样 here如何为嵌套背景设置不同的背景颜色?如果我添加CSS .dhxsidebar_side { background-color:
我有一个 JTable,每行都根据最后一列中的值着色。 但是,当我单击标题对行进行排序时,颜色不会跟随行。 我尝试在 JTable 鼠标退出事件上调用我的“colourTable”方法(我知道 Hac
geom_hline 似乎忽略了美观,我错过了什么还是这是一个错误? df session 信息: R version 3.4.4 (2018-03-15) Platform: x86_64-pc-
这个问题已经有答案了: How to draw a BufferedImage with a color tint (1 个回答) 已关闭 8 年前。 如何将通过此处的图标着色为不同的颜色?假设我想拍
我想为除我点击的那个之外的所有 div 着色。在我的代码中它有效,但只有一次。如果我点击另一个 div,它不起作用。 http://jsfiddle.net/6VhK8/353/ id="1
我是一名优秀的程序员,十分优秀!