html - Bootstrap : Add image in DIV via CSS

Question

我正在从事一个在 HTML 页面方面非常广泛的元素，但元素是相同的。我想从 CSS 文件中获取要调用的所有图像，以防万一图像发生变化，我只需要返回并在 css 中进行更改，而不是在 100 多个 HTML 页面中进行更改。

我的问题是显示图像。第 2 节图像将是它所嵌套的部分的全高，但这也没有发生。

这里是代码:https://jsfiddle.net/dreacaroli/206qn38m/5/

<!-- Section 1 with div-->
<div class="lightyellow section">
    <div class="container">
        <div class="row clearfix">
            <div class="col-md-6 column img-responsive pull-right">
                <div class="in-sch-section1"></div>
            </div>
            <div class="col-sm-6 column">
                <h2>Reduce Scheduling Phone Calls</h2>
                <p>With , your employees can check their schedules, request time off and swap shifts withouto call you.</p>
                <a href="features.aspx#section3" class="btn"> Learn More</a>
            </div>
        </div>
    </div>
</div>
<!-- Section 2 -->
<div class="section">
    <div class="container">
        <div class="row">

            <div class="col-sm-6">
                <h2>Focustomers Insf Schedules</h2>
                <p>Create an to repeat daily, weekly or monthly, or let our auto-schedule tool do the work for you. The auto-scheduler creates random schedules based uponets.</p>
                <a href="features.aspx#section2" class="btn">Learn More</a>

            </div>
            <div class="col-sm-6">
                <div class="in-sch-section2"></div>
            </div>

        </div><!-- /.row-->    
    </div>
</div>

下面是第 2 部分的想法: http://s12.postimg.org/yqcxgy69p/Screen_Shot_2015_06_10_at_1_48_58_PM.png

Answer 1

我只需要读到这里:

I only have to go back and change it in the css and not in 100+ HTML pages.

要知道您使用的是错误的解决方案，静态 html 站点最多应该有 10-20 页，即使这样也有问题。一旦你回顾过去，就不再以这种方式做事了。

您需要一个 CMS。

此外:

I wanted to get all the images to be called from the CSS files, just in case there is an image change

这是没有意义的，如果图像发生变化，您仍然需要检查所有 100 多个 html 文件并更改 css 文件名以确保浏览器更新缓存。

您至少需要一种服务器语言(即使您不使用数据库)才能正确完成这项工作。