Inline Anchor Not Working

Я не знаком с Inline Anchor styles(link), как мы можем заставить его работать, чтобы показать моду? Javascript/JQuery кодирование или что-то отсутствует?Inline Anchor Not Working

[ http://codepen.io/anon/pen/dPMNVE ]

парить «пахнет», например в настоящем пункте ниже:

Внутри Лафтон Вардо гавани стены, а затем, к причалу мы пришли, и запахи места закрылись вокруг нас и завладели. Свертывание вокруг на газе разбухало вокруг нас было около двухсот судов странных Северная буровая установка, и почти все связано с торговлей рыбой.

Буду признателен за ваш гид.

источник

2014-12-12 thunderRX5

Сначала загрузите проект от этого link

затем добавить ссылку на стили CSS к вам в голову раздел и использовать встроенные в классы CSS, как это:

<html> 
<head> 
<head> 
     <link href="http://fonts.googleapis.com/css?family=Raleway:400,100,300,500,800" rel="stylesheet" type="text/css"> 
     <link rel="stylesheet" type="text/css" href="css/normalize.css"> 
     <link rel="stylesheet" type="text/css" href="css/demo.css"> 
     <link rel="stylesheet" type="text/css" href="css/component.css"> 
     <!--[if IE]> 
     <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
     <![endif]--> 
    </head> 
</head> 

<body> 
<div class="container"> 
<section class="link-flip"> 
       <p>The few tins of <a href="#">provisions</a> we did take were mainly to serve as luxuries. For instance, we had quite a large <a href="#">supply</a> of foie gras and larks in aspic.</p> 
       <p>I had a vivid recollection of how the last tin of that <a href="#">pâté de foie gras</a> went.</p> 
      </section> 
</div> 
</body> 
</html>

Вы можете скопировать только классы CSS вам нужно из этой библиотеки, а затем использовать их вот так: fiddle demo

источник

2014-12-12 06:17:39 Aminul

Благодарим за объяснение, я уже помещал файлы CSS в разделе head и добавлял классы CSS отдельно. Я буду следовать вашему примеру, чтобы узнать, работает ли он. – thunderRX5

Попробуйте это:

<div class="hoverlinks">Inside Vardö harbour walls, then, to a mooring we came, and the <a href="#">smells</a> of the place closed round us and took possession. Bobbling about on the harbour swell around us were some two hundred vessels of strange Northern rig, and almost all connected with the trade in fish.</div> 

    <style> 
    .hoverlinks a { 
     border-bottom: 1px solid rgba(52,73,94,0.4); 
     font-weight: 500; 
     -webkit-transition: background-color 0.3s, border-color 0.3s; 
     transition: background-color 0.3s, border-color 0.3s; 
    } 

    .hoverlinks a:hover, 
    .hoverlinks a:focus { 
     border-color: rgba(52,73,94,0); 
     background-color: rgba(52,73,94,0.1); 
    } 
    </style>

Может быть какой-то помощи.

источник

2014-12-12 05:05:44

Хммм, я вижу, я думал, что так сделал так. Я снова проверю. – thunderRX5

Inline Anchor Not Working

ответ

Смежные вопросы