teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

現在の設定を追記しました。お手数おかけいたしますがアドバイスのほど、よろしくお願いいたします。

2017/08/29 12:31

投稿

chapp
chapp

スコア233

title CHANGED
File without changes
body CHANGED
@@ -25,4 +25,47 @@
25
25
  ![イメージ説明](a8dce8cb3a9d08f4bb7877ed234b0c2f.jpeg)
26
26
 
27
27
  以上ですが、これを実現するためにアドバイスを頂戴出来ればと質問させて頂きました。
28
- お忙しいところ恐縮ですが、よろしくお願いいたします。
28
+ お忙しいところ恐縮ですが、よろしくお願いいたします。
29
+
30
+
31
+ 追記:
32
+ 現在の各設定を記載します。
33
+
34
+
35
+ HTML側では
36
+ ```ここに言語を入力
37
+ <link href="/dist/css/bootstrap.min.css" rel="stylesheet">
38
+ <link href="/css/carousel.css" rel="stylesheet">
39
+ <link href="/css/style.css" rel="stylesheet">
40
+ ```
41
+
42
+ とCSSを読み込み、
43
+ 実際のソースは
44
+
45
+ ```ここに言語を入力
46
+ <div class="row">
47
+ <div class="col-md-4"><div><img class="linkimg" src="/up_img/****.jpg" style="margin:auto;"></div><h4>タイトル</h4>テキストテキストテキストテキストテキストテキスト</div>
48
+ <div class="col-md-4"><div><img class="linkimg" src="/up_img/****.jpg" style="margin:auto;"></div><h4>タイトル</h4>テキストテキストテキストテキストテキストテキスト</div>
49
+ <div class="col-md-4"><div><img class="linkimg" src="/up_img/****.jpg" style="margin:auto;"></div><h4>タイトル</h4>テキストテキストテキストテキストテキストテキスト</div>
50
+ <div class="col-md-4"><div><img class="linkimg" src="/up_img/****.jpg" style="margin:auto;"></div><h4>タイトル</h4>テキストテキストテキストテキストテキストテキスト</div>
51
+ <div class="col-md-4"><div><img class="linkimg" src="/up_img/****.jpg" style="margin:auto;"></div><h4>タイトル</h4>テキストテキストテキストテキストテキストテキスト</div>
52
+ <div class="col-md-4"><div><img class="linkimg" src="/up_img/****.jpg" style="margin:auto;"></div><h4>タイトル</h4>テキストテキストテキストテキストテキストテキスト</div>
53
+ </div>
54
+ ```
55
+
56
+ となっております。
57
+
58
+ 3つのcssを読み込んでおりますが、style.css以外はBootstrapの公式サイトからダウンロードし、今回ご質問している部分いおいてはデフォルトのままとなっており、style.cssの上記ソース部分の該当箇所は
59
+
60
+ ```ここに言語を入力
61
+ a img .linkimg{
62
+ background:none!important;
63
+ }
64
+
65
+ a:hover img.linkimg{
66
+ opacity:0.6;
67
+ filter:alpha(opacity=60);
68
+ -ms-filter: "alpha( opacity=60 )";
69
+ background:none!important;
70
+ }
71
+ ```