我有这个问题,我有一个关于html和css的项目,如果我打开index.html它只能找到但是当我把它放在ruby上的轨道上时,似乎css不能正常工作。
这是css的一部分,只是为了更清楚我要解释的内容。
#hero {
background: #0619c3 url("bg_hero.jpg");
background-size: cover; }
#hero .container {
background: url("estudiante.png") no-repeat bottom right;
background-size: contain; }
#hero .container .row {
width: 44%;
padding: 20% 2%; }
#hero .container .row h1 {
font-size: 32px;
color: #fff;
font-weight: 700;
padding-bottom: 10px; }
#hero .container .row h1 span {
color: #fd78ed; }
#hero .container .row p {
color: #fff;
font-size: 16px; }
#hero.orientador {
background: #1785fb url("bg-orientadores.jpg") repeat-y;
background-size: 36%; }
#hero.orientador .row {
background: url("estudiantes.png") no-repeat left 114%;
background-size: 36%; }
#hero.padre {
background: #1785fb url("bg-padres.jpg") repeat-y;
background-size: 36%; }
#hero.padre .row {
background: url("oriem-logo.svg") no-repeat left 58%;
background-size: 34%; }
它有一个CSS级联优先级,但是当我放入Ruby on Rails时,它不优先考虑容器并显示所有内容。
当我用html和css打开检查时它会向我展示这样的东西
当我在Ruby on Rails中添加css时,这就是inspect给我看的内容
Inspect when I run it with Ruby on Rails
我也尝试过使用不同的Web浏览器预编译资产。
问题是由身体缺少id(#page
)引起的。